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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
Dec 06 Javascript
基于json的jquery地区联动效果代码
Jul 06 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
js改变css样式的三种方法推荐
Jun 28 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
Jun 19 Javascript
Vue异步加载about组件
Oct 31 Javascript
使用vue-cli webpack 快速搭建项目的代码
Nov 21 Javascript
Node.js API详解之 timer模块用法实例分析
May 07 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
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
一个简易需要注册的留言版程序
2006/10/09 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
vue.js事件处理器是什么
2017/03/20 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
JS文件中加载jquery.js的实例代码
2018/05/05 jQuery
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
Eclipse + Python 的安装与配置流程
2013/03/05 Python
python实现顺时针打印矩阵
2019/03/02 Python
Python3.5装饰器原理及应用实例详解
2019/04/30 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
Python 实现Serial 与STM32J进行串口通讯
2019/12/18 Python
python实现在一个画布上画多个子图
2020/01/19 Python
python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例
2020/03/19 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
解决方案设计综合面试题
2015/08/31 面试题
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
文明宿舍获奖感言
2014/02/07 职场文书
假面舞会策划方案
2014/05/29 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
给女朋友道歉的话大全
2015/01/20 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
学校隐患排查制度
2015/08/05 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python