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的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
JS获取表格内指定单元格html内容的方法
Mar 31 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
详解vue-cli3多环境打包配置
Mar 28 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
Vue详细的入门笔记
May 10 Vue.js
基于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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
第十四节--命名空间
2006/11/16 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
PHP静态成员变量和非静态成员变量详解
2017/02/14 PHP
ThinkPHP删除栏目(实现批量删除栏目)
2017/06/21 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
JS module的导出和导入的实现代码
2019/02/25 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
Windows下安装python2和python3多版本教程
2017/03/30 Python
详解python字节码
2018/02/07 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
django Admin文档生成器使用详解
2019/07/22 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
python爬虫scrapy框架之增量式爬虫的示例代码
2021/02/26 Python
纯CSS3实现自定义Tooltip边框涂鸦风格的教程
2014/11/05 HTML / CSS
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
农场厂长岗位职责
2013/12/28 职场文书
护士求职信范文
2014/05/24 职场文书
管理工程专业求职信
2014/08/10 职场文书
中秋节祝酒词
2015/08/12 职场文书
python游戏开发Pygame框架
2022/04/22 Python
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers