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 操作option的实现代码
Mar 03 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
基于javascript实现随机颜色变化效果
Jan 14 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
Mar 30 Javascript
Jquery实现的简单轮播效果【附实例】
Apr 19 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
详解JavaScript中数组的reduce方法
Dec 02 Javascript
JS实现一个简单的日历
Feb 22 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
基于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排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
vue2项目使用sass的示例代码
2017/06/28 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
台湾网友喜爱的综合型网路购物商城:Yahoo! 奇摩购物中心
2018/03/10 全球购物
毕业生写求职信的要点
2014/03/04 职场文书
大学学风建设方案
2014/05/04 职场文书
作风年建设汇报材料
2014/08/14 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
考试作弊检讨
2015/01/27 职场文书
谢师宴家长致辞
2015/07/27 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript
Python答题卡识别并给出分数的实现代码
2021/06/22 Python