关于layui toolbar和template的结合使用方法


Posted in Javascript onSeptember 19, 2019

目的:为了完成表格操作列能够自适应表格行数据的某些条件而做出的变化(比如:表格单双行数据展示不同的操作栏等)

关于layui toolbar和template的结合使用方法

在操作栏定义一个toolbar (后面的为我们要编写的模板ID),js 就完成了。

html代码:

关于layui toolbar和template的结合使用方法

定义操作模板,这里采用的是Layui的模板语法,具体怎么编写可以参考:https://www.layui.com/doc/modules/laytpl.html

这个模板的作用是:

d为迭代表格行数据的形参,d.fileType表示为表格数据一行的某列数据;所以加在一起表示的是当某列值等于txt或者jpg展示上面操作列,否则展示下面的操作列。

Javascript 相关文章推荐
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
基于vue组件实现猜数字游戏
May 28 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
深入理解javascript prototype的相关知识
Sep 19 #Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 #Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 #Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 #Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 #Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 #Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 #Javascript
You might like
PHP 过滤页面中的BOM(实现代码)
2013/06/29 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
2017/04/13 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
ElementUI Tag组件实现多标签生成的方法示例
2019/07/08 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
Python中集合类型(set)学习小结
2015/01/28 Python
Python切片操作实例分析
2018/03/16 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
深入浅析Python代码规范性检测
2020/07/31 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
运动会入场词200字
2014/02/15 职场文书
物业管理毕业生的自我评价
2014/02/17 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
党员承诺书怎么写
2014/05/20 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
红色电影观后感
2015/06/18 职场文书
校园运动会广播稿
2015/08/19 职场文书
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis