关于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动态增减控件的一些想法和小插件
Aug 01 Javascript
图片onload事件触发问题解决方法
Jul 31 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
js图片自动切换效果处理代码
May 07 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
JS实现为表格动态添加标题的方法
Mar 31 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
vue如何实现自定义底部菜单栏
Jul 01 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 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批量生成随机用户名
2008/07/10 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
javascript基础知识讲解
2017/01/11 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
python清除函数占用的内存方法
2018/06/25 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
Numpy之reshape()使用详解
2019/12/26 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
Pytorch 实现focal_loss 多类别和二分类示例
2020/01/14 Python
Python2.x与3​​.x版本有哪些区别
2020/07/09 Python
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
应用服务器有那些
2012/01/19 面试题
技校生自我鉴定
2013/12/08 职场文书
超市中秋节促销方案
2014/03/21 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
志愿者活动总结
2014/04/28 职场文书
无传销社区工作方案
2014/05/13 职场文书
开学典礼策划方案
2014/05/28 职场文书
运动会的口号
2014/06/09 职场文书
医院标语大全
2014/06/23 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
机器人总动员观后感
2015/06/09 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书