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 相关文章推荐
利用JQuery为搜索栏增加tag提示
Jun 22 Javascript
浅谈javascript 面向对象编程
Oct 28 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
Jun 24 Javascript
jquery获取复选框checkbox的值实现方法
May 30 Javascript
bootstrap table小案例
Oct 21 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
基于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处理Oracle的CLOB实例
2014/11/03 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
php实现的mongodb操作类
2015/05/28 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
兼容IE与firefox火狐的回车事件(js与jquery)
2010/10/20 Javascript
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
Jquery获取radio选中的值
2017/05/05 jQuery
js实现股票实时刷新数据案例
2017/05/14 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
Python有参函数使用代码实例
2020/01/06 Python
python实现的分层随机抽样案例
2020/02/25 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)
2020/12/14 Python
幼儿教师自我鉴定
2013/11/02 职场文书
销售业务员岗位职责
2014/01/29 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
爱心活动计划书
2014/04/26 职场文书
招标授权委托书样本
2014/09/23 职场文书
网吧管理制度范本
2015/08/05 职场文书