layui 对table中的数据进行转义
2019-04-02 14:33
387 查看
方法一 通过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('有效'); } else if ($(this).text() == '1') { $(this).text('无效'); } }); } , page: true , height: 'full-83' });
方法二 通过layui的templet模板实现:
, {field: 'status', title: '状态', width: '20%',templet:'#status'} <script type="text/html" id="status"> {{# if(d.status=='0'){ }} 有效 {{# }else{ }} 无效 {{# } }} </script>
相关文章推荐
- Qt实用技巧:使用QTableView、QSqlTableMode与QSqlDatabase对数据库数据进行操作
- 在DateTable中进行数据统计(不用循环)
- LayUI学习笔记(二)之获取table数据,导出Excel功能
- bootstrap table对每列数据进行统计汇总
- SQL使用游标遍历多层table获取每行的数据进行操作
- c#操作Access,对MDB数据的table进行操作,包括新增,读取
- layui从后台远程加载数据到table
- 对数据进行分页,显示到table中。
- php中的错误报告及php对用户传递的数据进行转义处理
- Sql Server 中利用游标对table 的数据进行分组统计式输出…
- table数据表格添加checkbox进行数据进行两个表格左右移动。
- layui数据表格table的横向滚动条显示问题
- layui table表单提示数据接口请求异常
- Sql Server 中利用游标对table 的数据进行分组统计式输出…
- 对PetaPoco中Database类的进行扩展,可以返回Table格式数据
- 关于layui2.2.x版本使用table表格,刷新后table数据消失的问题
- 对数据进行分页,显示到table中
- layui跳转页面进行数据回显的两种方式
- jfinal结合layui分页插件进行页面数据展示
- Bootstrap-Table实现从服务器加载数据进行显示