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也可以用
信息创造价值, 知识就是力量。

浙公网安备 33010602011771号