浅谈layui数据表格判断问题(加入表单元素),设置单元格样式


Posted in Javascript onOctober 26, 2019

如下所示:

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

<script type="text/html" id="status">
       {{# if(d.status === 1){ }}
         <span class="layui-badge layui-bg-green">正常</span>
       {{# } else { }}
        <span class="layui-badge">禁用</span>
       {{# } }}
    </script>

 layui.use(['layer', 'form','table'], function(){
       layer = layui.layer;
       var table = layui.table;       
       //第一个实例
       table.render({
        elem: '#demo'
        ,url: get_menu //数据接口
        ,headers: {Authorization: token} 
        ,page: false //开启分页
        ,cols: [[ //表头
         {type:'checkbox'}
         ,{field: 'userId', title: 'ID', width:80, sort: true}
         ,{field: 'username', title: '用户名', width:150}
         ,{field: 'email', title: '邮箱', width:250}
         ,{field: 'mobile', title: '手机号', width:200}
         ,{field: 'status', title: '状态', width:150, templet: '#status'}
         ,{field: 'createTime', title: '创建时间', width:300} 
         ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:200}
        ]]
        ,parseData: function(res){
          return {
            "code": res.code, //解析接口状态
            "msg": res.msg, //解析提示文本
            "data": res.data //解析数据列表
          }
        }
       });
      });

如果是多个条件的话:

<script type="text/html" id="status">
  {{# if(d.status === 0 ){ }}
   <button type="button" class="layui-btn">待审批</button>
   {{# } }} 
   {{# if(d.status === 1 ){ }}
   <button type="button" class="layui-btn layui-btn-normal">审批通过</button>
   {{# } }} 
   {{# if(d.status === 2 ){ }}
   <button type="button" class="layui-btn layui-btn-danger">未通过</button> 
   {{# } }} 
</script>

以上这篇浅谈layui数据表格判断问题(加入表单元素),设置单元格样式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
javascript hashtable实现代码
Oct 13 Javascript
ie下动态加态js文件的方法
Sep 13 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
AngularJs html compiler详解及示例代码
Sep 01 Javascript
关于vue-router路径计算问题
May 10 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
Jul 30 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
Aug 08 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
layui 解决富文本框form表单提交为空的问题
Oct 26 #Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 #Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 #jQuery
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 #Javascript
Layui数据表格之单元格编辑方式
Oct 26 #Javascript
layui表格设计以及数据初始化详解
Oct 26 #Javascript
LayUi数据表格自定义赋值方式
Oct 26 #Javascript
You might like
PHP4中实现动态代理
2006/10/09 PHP
PHP新手上路(十一)
2006/10/09 PHP
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
繁简字转换功能
2006/07/19 Javascript
图片自动缩小的js代码,用以防止图片撑破页面
2007/03/12 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
vue组件间通信解析
2017/03/01 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
Python读取图片属性信息的实现方法
2016/09/11 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
Python 音频生成器的实现示例
2019/12/24 Python
python 通过邮件控制实现远程控制电脑操作
2020/03/16 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
世界上最全面的草药补充剂和顶级品牌维生素网站:HerbsPro
2019/01/20 全球购物
公司综合部的成员自我评价分享
2013/11/05 职场文书
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
文艺晚会主持词
2014/03/24 职场文书
工商管理专业自荐信
2014/06/03 职场文书
Mysql 如何查询时间段交集
2021/06/08 MySQL
Python学习之os包使用教程详解
2022/03/21 Python