layui 对table中的数据进行转义的实例
方法一通过done回调进行遍历:
//方法级渲染
table.render({
id:'demoList',
elem:'#demoList'
,url:'showDemoList'
,cols:[[
{checkbox:true,fixed:true,width:'10%'}
,{field:'id',title:'编号',width:'15%',sort:true}
,{field:'pipe_id',title:'机构ID',width:'15%'}
,{field:'bank_id',title:'银行ID',width:'10%'}
,{field:'pipe_cost',title:'成本',width:'10%'}
,{field:'status',title:'状态',width:'20%'}
,{field:'remark',title:'操作',width:'20%',toolbar:'#toolBar'}
]],
done:function(res,curr,count){
//如果是异步请求数据方式,res即为你接口返回的信息。
//如果是直接赋值的方式,res即为:{data:[],count:99}data为当前页数据、count为数据总长度
$("[data-field='status']").children().each(function(){
if($(this).text()=='0'){
$(this).text('有效');
}elseif($(this).text()=='1'){
$(this).text('无效');
}
});
}
,page:true
,height:'full-83'
});
方法二通过layui的templet模板实现:
,{field:'status',title:'状态',width:'20%',templet:'#status'}
{{#if(d.status=='0'){}}
有效
{{#}else{}}
无效
{{#}}}
以上这篇layui对table中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短