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 相关文章推荐
Js基础学习资料
Nov 23 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
AngularJS中的模块详解
Jan 29 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
JavaScript使用小插件实现倒计时的方法讲解
Mar 11 Javascript
javascript随机变色实例代码
Oct 15 Javascript
jquery实现掷骰子小游戏
Oct 24 jQuery
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
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
discuz目录文件资料汇总
2014/12/30 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
2013/08/29 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
js获取微信版本号的方法
2015/05/12 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
2019/07/02 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python常见工厂函数用法示例
2018/03/21 Python
Python爬虫工程师面试问题总结
2018/03/22 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
会计专业毕业生自我评价
2013/09/25 职场文书
幼师自荐信
2013/10/26 职场文书
组织关系转移介绍信
2014/01/16 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
出国留学经济担保书
2014/04/01 职场文书
青岛海底世界导游词
2015/02/11 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
2016年小学优秀班主任事迹材料
2016/02/29 职场文书