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中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。