layui操作列按鈕個數(shù)和文字顏色的判斷實例
更新時間：2019年09月11日 08:40:43 作者：楊蔥兒
今天小編就為大家分享一篇layui操作列按鈕個數(shù)和文字顏色的判斷實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一、達到的效果如圖，通過值去判斷是否需要該按鈕
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{ }}
...
{{# } }}
二、列表格內(nèi)的文字顏色顯示，如圖：
cols: [[ //表頭
{field: 'srm_state', title: '狀態(tài)',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操作列按鈕個數(shù)和文字顏色的判斷實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS實現(xiàn)頁面超時后自動跳轉(zhuǎn)到登陸頁面
這篇文章主要介紹了JS實現(xiàn)頁面超時后自動跳轉(zhuǎn)到登陸頁面,需要的朋友可以參考下2015-01-01
關(guān)于微信小程序使用echarts/數(shù)據(jù)刷新重新渲染/圖層遮擋問題
這篇文章主要介紹了微信小程序使用echarts/數(shù)據(jù)刷新重新渲染/圖層遮擋問題,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
這個函數(shù)來自Rico，Longbill及Dnew.cn修改。 說明: 傳入?yún)?shù)一個，為元素的id值或元素本身，返回為元素的真實背景色值（字符串）。背景值均為16進制的值（原代碼是是IE里面返回的是16進制的值，而Mozilla則是rgb值，Dnew.cn將其修改為均返回16進制的值）。2007-12-12
nestjs返回給前端數(shù)據(jù)格式的封裝實現(xiàn)
這篇文章主要介紹了nestjs返回給前端數(shù)據(jù)格式的封裝實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
JavaScript聲明變量時為什么要加var關(guān)鍵字
var用來聲明變量，但是這個語法并不嚴格要求，很多時修改，我們可以直接使用一個變量而不用var聲明它，不過還是建議大家加var2014-09-09
javascript實現(xiàn)飛機大戰(zhàn)小游戲
這篇文章主要為大家詳細介紹了javascript實現(xiàn)飛機大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要介紹了微信小程序dom操作的替代思路,結(jié)合實例形式分析了微信小程序通過事件響應、動態(tài)操作元素屬性來實現(xiàn)dom操作效果,需要的朋友可以參考下2018-12-12
淺析location.href跨窗口調(diào)用函數(shù)
本文詳細介紹了location.href跨窗口調(diào)用函數(shù)，具體的使用方法及實例，有需要的朋友可以參考下2016-11-11
使用利用事件冒泡委托給列表的父節(jié)點去處理的方式第二種方式就是使用閉包了，感興趣的你可以參考下本文，或許對你學習js有所幫助2013-03-03
這篇文章主要介紹了JS數(shù)組屬性去重并校驗重復數(shù)據(jù),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01