layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例
一、達(dá)到的效果如圖,通過(guò)值去判斷是否需要該按鈕
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>審核通過(guò)</span> {{# }else if(d.s_state == 2){ }} <span style="color:red">審核未通過(guò)</span> {{# } }} </script>
重點(diǎn):
//語(yǔ)法類似于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;">審核通過(guò)</span> {{# } else if(d.srm_state ==2) { }} <span style="color: #FFD700;">審核未通過(guò)</span> {{# } }} </script>
以上這篇layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- layui監(jiān)聽(tīng)工具欄的實(shí)例(操作列表按鈕)
- 關(guān)于layui表單中按鈕自動(dòng)提交的解決方法
- layui 點(diǎn)擊重置按鈕, select 并沒(méi)有被重置的解決方法
- layui 數(shù)據(jù)表格 點(diǎn)擊分頁(yè)按鈕 監(jiān)聽(tīng)事件的實(shí)例
- Layui 帶多選框表格監(jiān)聽(tīng)事件以及按鈕自動(dòng)點(diǎn)擊寫(xiě)法實(shí)例
- layui彈出層按鈕提交iframe表單的方法
- layui點(diǎn)擊按鈕添加可編輯的一行方法
- layui 優(yōu)化button按鈕和彈出框的方法
- layui實(shí)現(xiàn)點(diǎn)擊按鈕給table添加一行
相關(guān)文章
JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面,需要的朋友可以參考下2015-01-01關(guān)于微信小程序使用echarts/數(shù)據(jù)刷新重新渲染/圖層遮擋問(wèn)題
這篇文章主要介紹了微信小程序使用echarts/數(shù)據(jù)刷新重新渲染/圖層遮擋問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-07-07nestjs返回給前端數(shù)據(jù)格式的封裝實(shí)現(xiàn)
這篇文章主要介紹了nestjs返回給前端數(shù)據(jù)格式的封裝實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02JavaScript聲明變量時(shí)為什么要加var關(guān)鍵字
var用來(lái)聲明變量,但是這個(gè)語(yǔ)法并不嚴(yán)格要求,很多時(shí)修改,我們可以直接使用一個(gè)變量而不用var聲明它,不過(guò)還是建議大家加var2014-09-09javascript實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05淺析location.href跨窗口調(diào)用函數(shù)
本文詳細(xì)介紹了location.href跨窗口調(diào)用函數(shù),具體的使用方法及實(shí)例,有需要的朋友可以參考下2016-11-11實(shí)現(xiàn)點(diǎn)擊列表彈出列表索引的兩種方式
使用利用事件冒泡委托給列表的父節(jié)點(diǎn)去處理的方式第二種方式就是使用閉包了,感興趣的你可以參考下本文,或許對(duì)你學(xué)習(xí)js有所幫助2013-03-03JS數(shù)組屬性去重并校驗(yàn)重復(fù)數(shù)據(jù)
這篇文章主要介紹了JS數(shù)組屬性去重并校驗(yàn)重復(fù)數(shù)據(jù),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01