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