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 相关文章推荐
使用javascript访问XML数据的实例
Dec 27 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
JSONP跨域请求
Mar 02 Javascript
源码分析Vue.js的监听实现教程
Apr 23 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
使用vue-router设置每个页面的title方法
Feb 11 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+APACHE实现用户论证的方法
2006/10/09 PHP
PHP中,文件上传
2006/12/06 PHP
php下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
PHP使用静态方法的几个注意事项
2014/09/16 PHP
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
JavaScript创建命名空间(namespace)的最简实现
2007/12/11 Javascript
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
使用jquery提交form表单并自定义action的方法
2016/05/25 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python计算书页码的统计数字问题实例
2014/09/26 Python
Python continue继续循环用法总结
2018/06/10 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
小班上学期评语
2014/05/05 职场文书
会计系毕业生求职信
2014/05/28 职场文书
《周恩来的四个昼夜》观后思想汇报范文两篇
2014/09/10 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
幼儿园小班个人总结
2015/02/12 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
python 如何用terminal输入参数
2021/05/25 Python
Java字符串逆序方法详情
2022/03/21 Java/Android
小程序实现侧滑删除功能
2022/06/25 Javascript