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 EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
JavaScript实现select添加option
Jul 03 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
如何编写一个d.ts文件的步骤详解
Apr 13 Javascript
实例讲解JavaScript预编译流程
Jan 24 Javascript
JQuery animate动画应用示例
May 14 jQuery
Vue分页效果与购物车功能
Dec 13 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
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
php生成shtml类用法实例
2014/12/09 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
php文件上传及下载附带显示文件及目录功能
2017/04/27 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
[07:47]DOTA2国际邀请赛采访专栏:探访Valve总部
2013/08/08 DOTA
Python两个整数相除得到浮点数值的方法
2015/03/18 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Python找出9个连续的空闲端口
2016/02/01 Python
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
浅谈python中真正关闭socket的方法
2018/12/18 Python
django 解决model中类写不到数据库中,数据库无此字段的问题
2020/05/20 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
优纳科技软件测试面试题
2012/05/15 面试题
回门宴新郎答谢词
2014/01/12 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
公务员个人年终总结
2015/02/12 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
pytorch--之halfTensor的使用详解
2021/05/24 Python
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python