layui對(duì)工具條進(jìn)行選擇性的顯示方法
更新時(shí)間：2019年09月19日 11:39:59 作者：ym0913
今天小編就為大家分享一篇layui對(duì)工具條進(jìn)行選擇性的顯示方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
layui工具欄根據(jù)狀態(tài)動(dòng)態(tài)顯示
代碼
<script type="text/html" id="structoption1">//此處id為layui中 toolbar: '#structoption1'（是表單中的工具條）
{{# if(d.level==1){ }}//此處的level為數(shù)據(jù)庫中字段，d隨便起的
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deleteonesub">刪除</a>
<a class="layui-btn layui-btn-xs" lay-event="addtwosub">添加二級(jí)科目</a>
<a class="layui-btn layui-btn-xs" lay-event="updateDepart">修改科目</a>
{{# } }} {{# if(d.level==2){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deletetwosub">刪除</a>
<a class="layui-btn layui-btn-xs" lay-event="updateDepart">修改科目</a>
{{# } }}
</script>
這樣就可根據(jù)數(shù)據(jù)庫中的狀態(tài)來判斷在操作功能是否需要在操作列顯示。
以上這篇layui對(duì)工具條進(jìn)行選擇性的顯示方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了webpack4簡(jiǎn)單入門實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
JS實(shí)現(xiàn)的圖片預(yù)覽插件與用法示例【不上傳圖片】
這篇文章主要介紹了JS實(shí)現(xiàn)的圖片預(yù)覽插件與用法,基于自定義插件uploadPreview.js實(shí)現(xiàn)圖片的預(yù)覽功能,不需要進(jìn)行圖片的上傳,非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-11-11
JS定時(shí)檢測(cè)任務(wù)任務(wù)完成后執(zhí)行下一步的解決辦法
這篇文章主要介紹了JS定時(shí)檢測(cè)任務(wù)任務(wù)完成后執(zhí)行下一步的解決辦法,需要的朋友可以參考下2016-12-12
本文主要介紹了手把手教你uniapp和小程序分包，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
用javascript實(shí)現(xiàn)截取字符串包含中文處理的函數(shù)
一直不知道js可以截取中文字符，呵呵，原理用正則表達(dá)式，匹配中文的長度，中文算兩個(gè)，因?yàn)樗阋粋€(gè)，是個(gè)好東西，推薦大家收藏2008-04-04
javascript簡(jiǎn)單實(shí)現(xiàn)深淺拷貝過程詳解
這篇文章主要介紹了javascript簡(jiǎn)單實(shí)現(xiàn)深淺拷貝過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
本文給大家匯總介紹了javascript格式化日期時(shí)間的幾種常用方法，個(gè)人對(duì)最后一種個(gè)性化輸出時(shí)間比較有興趣，基本上只要項(xiàng)目中能用到都是使用這種，推薦給小伙伴們。2015-10-10
原生js實(shí)現(xiàn)焦點(diǎn)輪播圖效果
本文主要分享了原生js實(shí)現(xiàn)焦點(diǎn)輪播圖效果的示例代碼，并解析了實(shí)例中的注意點(diǎn)。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
javascript檢測(cè)是否聯(lián)網(wǎng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript檢測(cè)是否聯(lián)網(wǎng)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-09-09
微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法
這篇文章主要介紹了微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法,文章描述了微信小程序中web-view嵌入H5頁面時(shí)遇到的問題,特別是當(dāng)H5頁面中包含iframe時(shí),如何在iframe中實(shí)現(xiàn)跳轉(zhuǎn)到小程序的index頁面,需要的朋友可以參考下2024-11-11