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也可以用

posted @ 2017-11-30 15:24  优前程  阅读(8684)  评论(2编辑  收藏  举报