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 模式对话框终极版实现代码
Sep 28 Javascript
对xmlHttp对象的理解
Jan 17 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
如何判断出一个js对象是否一个dom对象
Nov 24 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
Dec 12 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
详解vue高级特性
Jun 09 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 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 魔术函数使用说明
2010/05/14 PHP
php守护进程 加linux命令nohup实现任务每秒执行一次
2011/07/04 PHP
php目录操作实例代码
2014/02/21 PHP
PHP自定义函数实现数组比较功能示例
2017/10/19 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
sina的lightbox效果。
2007/01/09 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
linux 下实现python多版本安装实践
2014/11/18 Python
python实现停车管理系统
2018/11/30 Python
Python面向对象之Web静态服务器
2019/09/03 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
运动会主持人开幕词
2016/03/04 职场文书
js实现自动锁屏功能
2021/06/02 Javascript
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript
php png失真的原因及解决办法
2021/11/17 PHP
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技