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之AJAX框架使用说明
Apr 24 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
Javascript获取当前日期的农历日期代码
Oct 08 Javascript
jQuery中;function($,undefined) 前面的分号的用处
Dec 17 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
JS实现瀑布流布局
Oct 21 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 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中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
微信 开发生成带参数的二维码的实例
2016/11/23 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
javascript中的new使用
2010/03/20 Javascript
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
浅谈Javascript事件模拟
2012/06/27 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
node.js中的fs.fsyncSync方法使用说明
2014/12/15 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
2017/07/23 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
python删除特定文件的方法
2015/07/30 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
python3实现名片管理系统
2020/11/29 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
python3实现猜数字游戏
2020/12/07 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
构造方法和其他方法的区别
2016/04/26 面试题
外贸采购员求职的自我评价
2013/11/26 职场文书
服务员岗位责任制
2014/02/11 职场文书
保安公司服务承诺书
2014/05/28 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
校长师德表现自我评价
2015/03/05 职场文书
2019生态环境保护倡议书!
2019/07/03 职场文书
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
Django+Celery实现定时任务的示例
2021/06/23 Python