layui实现根据table数据判断按钮显示情况的方法


Posted in Javascript onSeptember 26, 2019

就可以根据table的数据实现判断toolbar按钮的显示状态和情况

实例如下所示:

<script type="text/html" id="barDemo">
  {{# if(d.status ==0){ }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
  <a class="layui-btn layui-btn-mini" lay-event="submit">提交</a>
  {{# }if(d.status ==2) { }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="export">创建组套产品</a>
  {{# }if(d.status ==1) { }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  {{# } }}
</script>

以上这篇layui实现根据table数据判断按钮显示情况的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 建立对象的方法
Apr 21 Javascript
JS 创建对象(常见的几种方法)
Nov 03 Javascript
一个网马的tips实现分析
Nov 28 Javascript
node.js中的path.isAbsolute方法使用说明
Dec 08 Javascript
jquery实现动态操作select选中
Feb 11 Javascript
javascript中indexOf技术详解
May 07 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
Angular4编程之表单响应功能示例
Dec 13 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
使用layui前端框架弹出form表单以及提交的示例
Oct 25 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 Javascript
vue+element表格导出为Excel文件
Sep 26 #Javascript
利用layer实现表单完美验证的方法
Sep 26 #Javascript
vue点击当前路由高亮小案例
Sep 26 #Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 #Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 #Javascript
IDEA安装vue插件图文详解
Sep 26 #Javascript
layui use 定义js外部引用函数的方法
Sep 26 #Javascript
You might like
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
PHP图片上传类带图片显示
2006/11/25 PHP
PHP5 面向对象程序设计
2008/02/13 PHP
一些php项目中比较通用的php自建函数的详解
2013/06/06 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
php xhprof使用实例详解
2019/04/15 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
jquery.validate使用攻略 第一部
2010/07/01 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
Python利用BeautifulSoup解析Html的方法示例
2017/07/30 Python
python 生成器协程运算实例
2017/09/04 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
HTML5 video标签(播放器)学习笔记(一):使用入门
2015/04/24 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
小学教师国培感言
2014/02/08 职场文书
李开复演讲稿
2014/05/24 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
详解JS ES6编码规范
2021/05/07 Javascript
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android
python playwright之元素定位示例详解
2022/07/23 Python