layui操作列按钮个数和文字颜色的判断实例


Posted in Javascript onSeptember 11, 2019

一、达到的效果如图,通过值去判断是否需要该按钮

layui操作列按钮个数和文字颜色的判断实例

cols: [[ //表头
 {field: 'money', title: '操作',toolbar: '#barDemos'}
 ]]
<script type="text/html" id="barDemos">
 {{# if(d.s_state == 0){ }}
 <span style="color:red">未审核</span>
 {{# }else if(d.s_state == 1){ }}
 <span>审核通过</span>
 {{# }else if(d.s_state == 2){ }}
 <span style="color:red">审核未通过</span>
 {{# } }}
</script>

重点:

//语法类似于if(){}else if(){}else
 {{# if(d.s_state == 0){ }}
 ...
 {{# }else if(d.s_state == 1){ }}
 ...
 {{# }else if(d.s_state == 2){ }}
 ...
 {{# } }}else{ }}
 ...
 {{# } }}

二、列表格内的文字颜色显示,如图:

layui操作列按钮个数和文字颜色的判断实例

cols: [[ //表头
 {field: 'srm_state', title: '状态',templet: '#sexTpl'}
 ]]
<script type="text/html" id="sexTpl">
 {{# if(d.srm_state == 0){ }}
 <span style="color: red;">未审核</span>
 {{# } else if(d.srm_state ==1) { }}
 <span style="color: green;">审核通过</span>
 {{# } else if(d.srm_state ==2) { }}
 <span style="color: #FFD700;">审核未通过</span> {{# } }}
</script>

以上这篇layui操作列按钮个数和文字颜色的判断实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery实现的可隐藏重现的靠边悬浮层实例代码
May 27 Javascript
js替代copy(示例代码)
Nov 27 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
JS常见内存泄漏及解决方案解析
May 30 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
Nov 12 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 #Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 #Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 #Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 #Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 #Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 #Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 #Javascript
You might like
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
JavaScript Konami Code 实现代码
2009/07/29 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
Javascript 引擎工作机制详解
2016/11/30 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
python在控制台输出进度条的方法
2015/06/20 Python
Python打印斐波拉契数列实例
2015/07/07 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
django 微信网页授权登陆的实现
2019/07/30 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
用opencv给图片换背景色的示例代码
2020/07/08 Python
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
Python面试题集
2012/03/08 面试题
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
党建工作汇报材料
2014/12/24 职场文书
二手车转让协议书
2015/01/29 职场文书
上班迟到检讨书
2015/05/06 职场文书
2016年元旦致辞
2015/08/01 职场文书
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL