快捷導(dǎo)航

layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例

更新時(shí)間：2019年09月11日 08:40:43 作者：楊蔥兒

今天小編就為大家分享一篇layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

一、達(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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(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-07
得到元素真實(shí)的背景顏色的js代碼
這個(gè)函數(shù)來(lái)自Rico，Longbill及Dnew.cn修改。說(shuō)明: 傳入?yún)?shù)一個(gè)，為元素的id值或元素本身，返回為元素的真實(shí)背景色值（字符串）。背景值均為16進(jìn)制的值（原代碼是是IE里面返回的是16進(jìn)制的值，而Mozilla則是rgb值，Dnew.cn將其修改為均返回16進(jìn)制的值）。
2007-12-12
nestjs返回給前端數(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-02
JavaScript聲明變量時(shí)為什么要加var關(guān)鍵字
var用來(lái)聲明變量，但是這個(gè)語(yǔ)法并不嚴(yán)格要求，很多時(shí)修改，我們可以直接使用一個(gè)變量而不用var聲明它，不過(guò)還是建議大家加var
2014-09-09
javascript實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
微信小程序dom操作的替代思路實(shí)例分析
這篇文章主要介紹了微信小程序dom操作的替代思路,結(jié)合實(shí)例形式分析了微信小程序通過(guò)事件響應(yīng)、動(dòng)態(tài)操作元素屬性來(lái)實(shí)現(xiàn)dom操作效果,需要的朋友可以參考下
2018-12-12
淺析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-03
JS數(shù)組屬性去重并校驗(yàn)重復(fù)數(shù)據(jù)
這篇文章主要介紹了JS數(shù)組屬性去重并校驗(yàn)重復(fù)數(shù)據(jù),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-01-01