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 相关文章推荐
学习ExtJS Column布局
Oct 08 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
JavaScript中的值类型转换介绍
Dec 31 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
基于vue.js实现的分页
Mar 13 Javascript
JQueryDOM之样式操作
Mar 27 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实现小型站点广告管理
2006/10/09 PHP
php GeoIP的使用教程
2011/03/09 PHP
php后门URL的防范
2013/11/12 PHP
提高php编程效率技巧
2015/08/13 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
学习JS面向对象成果 借国庆发布个最新作品与大家交流
2009/10/03 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
2014/05/29 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
react以create-react-app为基础创建项目
2018/03/14 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
2020/10/16 Javascript
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
介绍Python中的fabs()方法的使用
2015/05/14 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python进行两个表格对比的方法
2018/06/27 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
在TensorFlow中实现矩阵维度扩展
2020/05/22 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
夜大毕业生自我鉴定
2013/10/31 职场文书
实习鉴定范文
2013/12/19 职场文书
会计专业毕业生求职信
2014/07/04 职场文书