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操作列按鈕個數和文字顏色的判斷實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
關于微信小程序使用echarts/數據刷新重新渲染/圖層遮擋問題
這篇文章主要介紹了微信小程序使用echarts/數據刷新重新渲染/圖層遮擋問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-07-07