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 获取LI里的内容
Dec 17 Javascript
引用外部js乱码问题分析及解决方案
Apr 12 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
vue-router权限控制(简单方式)
Oct 29 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
微信小程序select下拉框实现源码
Nov 08 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
Vue项目打包部署到apache服务器的方法步骤
Feb 01 Vue.js
ant design vue的form表单取值方法
Jun 01 Vue.js
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
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
通过php动态传数据到highcharts
2017/04/05 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
破除网页鼠标右键被禁用的绝招大全
2006/12/27 Javascript
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
JavaScript数据结构之二叉树的计数算法示例
2017/04/13 Javascript
原生JS实现日历组件的示例代码
2017/09/22 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
推荐15个最好用的JavaScript代码压缩工具
2019/02/13 Javascript
vue router 用户登陆功能的实例代码
2019/04/24 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
python查找指定具有相同内容文件的方法
2015/06/28 Python
Python对excel文档的操作方法详解
2018/12/10 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
会计岗位职责
2013/11/08 职场文书
战略合作协议书范本
2014/04/18 职场文书
行政专员岗位职责范本
2014/08/26 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
先进人物事迹材料
2014/12/29 职场文书
教师党员个人自我评价
2015/03/04 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS