layui对工具条进行选择性的显示方法


Posted in Javascript onSeptember 19, 2019

layui工具栏根据状态动态显示

代码

<script type="text/html" id="structoption1">//此处id为layui中 toolbar: '#structoption1'(是表单中的工具条)
  {{# if(d.level==1){ }}//此处的level为数据库中字段,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">添加二级科目</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>

这样就可根据数据库中的状态来判断在操作功能是否需要在操作列显示。

以上这篇layui对工具条进行选择性的显示方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jQuery的表格操作插件
Apr 22 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
微信小程序 实现点击添加移除class
Jun 12 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
js装饰设计模式学习心得
Feb 17 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
Apr 02 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
精读《Vue3.0 Function API》
May 20 Javascript
基于js实现抽红包并分配代码实例
Sep 19 #Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 #Javascript
Vue 实例事件简单示例
Sep 19 #Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 #Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 #Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 #Javascript
node 标准输入流和输出流代码实例
Sep 19 #Javascript
You might like
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
基于JQuery实现的Select级联
2014/01/27 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
javascript 闭包详解
2015/07/02 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
javascript常用的设计模式
2017/02/09 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
nodejs实现连接mongodb数据库的方法示例
2018/03/15 NodeJs
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
Vue按时间段查询数据组件使用详解
2020/08/21 Javascript
[57:50]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第二局
2016/03/05 DOTA
简述Python中的面向对象编程的概念
2015/04/27 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
金融行业职业生涯规划范文
2014/01/17 职场文书
干部作风整顿个人剖析材料
2014/10/06 职场文书
如何写辞职书
2015/02/26 职场文书
干部培训工作总结2015
2015/05/25 职场文书
大学生十八大感想
2015/08/11 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android