关于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 相关文章推荐
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
jQuery学习笔记之jQuery的DOM操作
Dec 22 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
浅谈JS日期(Date)处理函数
Dec 07 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
前端性能优化及技巧
May 06 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
Nov 28 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
js实现按钮开关单机下拉菜单效果
Nov 22 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 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登陆页的密码处理方式分享
2013/10/14 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
JS分割字符串并放入数组的函数
2011/07/04 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
详解a++和++a的区别
2017/08/30 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
Swift 3.0在集合类数据结构上的一些新变化总结
2016/07/11 Python
Python正则表达式如何进行字符串替换实例
2016/12/28 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
python创建学生成绩管理系统
2019/11/22 Python
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
计算机本科生自荐信
2013/10/15 职场文书
医院工作检讨书范文
2014/02/10 职场文书
食品安全工作实施方案
2014/03/26 职场文书
校庆筹备方案
2014/03/30 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
优秀安全员事迹材料
2014/05/11 职场文书
环保公益策划方案
2014/08/15 职场文书
迎新生欢迎词
2015/01/23 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
入党介绍人考察意见
2015/06/01 职场文书
超强台风观后感
2015/06/09 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
浅谈克隆 JavaScript
2021/11/02 Javascript
企业版Windows 11有哪些新功能? Win11适用于企业的功能介绍
2021/11/21 数码科技