layui 表格操作列按钮动态显示的实现方法


Posted in Javascript onSeptember 06, 2019

1、根据表格数据动态显示操作列按钮

<script type="text/html" id="barDemo">
{{# if (d.event_level ==4){}}
 <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">စ</i>已知</a>
{{# } else if(d.event_level ==2){ }}
 {{# if(d.event_type_state ==0){ }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">စ</i>已知</a>
 {{# }if(d.event_type_state ==1) { }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="process"><i class="layui-icon"></i>处理</a>
 {{# } }}
{{# } }}
</script>

2、效果

layui 表格操作列按钮动态显示的实现方法

以上这篇layui 表格操作列按钮动态显示的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript下查找父节点的简单方法
Aug 13 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
axios简单实现小程序延时loading指示
Jul 30 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 Javascript
js实现头像上传并且可预览提交
Dec 25 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
基于Vue和Element-Ui搭建项目的方法
Sep 06 #Javascript
微信小程序 搜索框组件代码实例
Sep 06 #Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 #Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 #Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 #jQuery
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 #Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 #Javascript
You might like
php 保留小数点
2009/04/21 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
表单内同名元素的控制
2006/11/22 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
jQuery中find()方法用法实例
2015/01/07 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
js实现异步循环实现代码
2016/02/16 Javascript
node.js实现端口转发
2016/04/14 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
微信小程序拍照和摄像功能实现方法示例
2019/02/01 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
深入理解Python中各种方法的运作原理
2015/06/15 Python
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
python交易记录链的实现过程详解
2019/07/03 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
成考报名单位证明范本
2014/01/16 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
企业口号大全
2014/06/12 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
党小组意见范文
2015/06/08 职场文书
小学记事作文之200字
2019/08/06 职场文书
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js