eazyui 或bootstrap table表格里插入圖片,點擊查看大圖


  columns: [
			{field: 'state',checkbox: true,align: 'center',valign: 'middle'},
			{field: 'contacts',sortable: true,title: '姓名'}, 
			{field: 'sex',sortable: true,title: '性別'}, 
			{field: 'position',sortable: true,title: '職位'},
			{field: 'address',sortable: true,title: '公司地址'},
			{field: 'tel',sortable: true,title: '固定電話'},
			{field: 'mobile',sortable: true,title: '手機號碼'},
			{field: 'operation',title: '查看名片',
		        formatter:function(value,row,index){
		            var s = '<a class = "view"  href="javascript:void(0)"><img style="width:70;height:30px;"  src="'+row.img+'" /></a>';
		            return s;
		        },
		        events: 'operateEvents'
		    },
			{field: 'createname',sortable: true,title: '創建人'},
			
		],
});
window.operateEvents = {
    'click .view': function (e, value, row, index) {
    	layer.open({
    	  type: 1,
    	  title: false,
    	  closeBtn: 0,
    	  area: 'auto',
    	  skin: 'layui-layer-nobg', //沒有背景色
    	  shadeClose: true,
    	  content: '<img src="'+row.img+'"/>'
    	});
    },
};

 主要是formatter,之前bootstrap寫過,今天寫eazyui的,發現formatter也可以用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM