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-07nestjs返回給前端數(shù)據(jù)格式的封裝實現(xiàn)
這篇文章主要介紹了nestjs返回給前端數(shù)據(jù)格式的封裝實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-02-02JavaScript聲明變量時為什么要加var關(guān)鍵字
var用來聲明變量,但是這個語法并不嚴格要求,很多時修改,我們可以直接使用一個變量而不用var聲明它,不過還是建議大家加var2014-09-09javascript實現(xiàn)飛機大戰(zhàn)小游戲
這篇文章主要為大家詳細介紹了javascript實現(xiàn)飛機大戰(zhàn)小游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-05-05淺析location.href跨窗口調(diào)用函數(shù)
本文詳細介紹了location.href跨窗口調(diào)用函數(shù),具體的使用方法及實例,有需要的朋友可以參考下2016-11-11