layui 对table中的数据进行转义的实例


Posted in Javascript onSeptember 12, 2019

方法一 通过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>

以上这篇layui 对table中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
Jun 25 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
浅谈Vue父子组件和非父子组件传值问题
Aug 22 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
Feb 04 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
十分钟教你上手ES2020新特性
Feb 12 Javascript
vue实现全屏滚动效果(非fullpage.js)
Mar 07 Javascript
JS加载解析Markdown文档过程详解
May 19 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 18 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 #Javascript
小程序如何支持使用 async/await详解
Sep 12 #Javascript
layui清空,重置表单数据的实例
Sep 12 #Javascript
layui table 多行删除(id获取)的方法
Sep 12 #Javascript
详解Vue中CSS样式穿透问题
Sep 12 #Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 #Javascript
微信小程序之 catalog 切换实现解析
Sep 12 #Javascript
You might like
截获网站title标签之家内容的例子
2006/10/09 PHP
yii中widget的用法
2014/12/03 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
小议javascript 设计模式 推荐
2009/10/28 Javascript
网页禁用右键实现代码(JavaScript代码)
2009/10/29 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
手机Web APP如何实现分享多平台功能
2016/08/19 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
2016/10/26 Javascript
详解javascript获取url信息的常见方法
2016/12/19 Javascript
js中new一个对象的过程
2017/02/20 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
React如何避免重渲染
2018/04/10 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
使用python进行拆分大文件的方法
2018/12/10 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
解决Jupyter无法导入已安装的 module问题
2020/04/17 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
屈臣氏俄罗斯在线商店:Watsons俄罗斯
2020/08/03 全球购物
我的中国梦演讲稿400字
2014/08/19 职场文书
2015年暑期实践报告范文
2015/07/13 职场文书
MySQL基于索引的压力测试的实现
2021/11/07 MySQL