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

 更新时间:2019年09月19日 08:36:27   作者:只有光头才能变强  
今天小编就为大家分享一篇关于layui toolbar和template的结合使用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

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

html代码:

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

这个模板的作用是:

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

相关文章

  • JavaScript实现左右点击切换图片

    JavaScript实现左右点击切换图片

    这篇文章主要为大家详细介绍了JavaScript实现简易左右点击切换图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 在JavaScript 中按字母排序之如何在 JS 中按名称排序

    在JavaScript 中按字母排序之如何在 JS 中按名称排序

    有时你可能有一个单词数组,你想按字母顺序(从 a-z)对每个单词进行排序,或者你可能有一个包含用户信息(包括名字)的对象数组,例如,你想按照用户的名字来排序,接下来通过本文给大家介绍在JavaScript 中按字母排序之如何在 JS 中按名称排序,需要的朋友可以参考下
    2023-09-09
  • 前端实现时钟网页的详细代码示例

    前端实现时钟网页的详细代码示例

    本文介绍了如何在网页中实现一个动态显示的时钟,并且添加了白天和夜晚两种模式的切换功能,通过简单的HTML结构和JavaScript代码,使用Date()函数动态获取当前的时间,并将时、分、秒通过逻辑绑定到相应的div元素上,实现时钟的动态显示,需要的朋友可以参考下
    2024-09-09
  • javascript实现了照片拖拽点击置顶的照片墙代码

    javascript实现了照片拖拽点击置顶的照片墙代码

    这篇文章主要介绍了javascript实现了照片拖拽点击置顶的照片墙代码,效果非常不错,这里推荐给大家,有需要的小伙伴可以参考下。
    2015-04-04
  • javascript 单例/单体模式(Singleton)

    javascript 单例/单体模式(Singleton)

    首先,单例模式是对象的创建模式之一,此外还包括工厂模式。
    2011-04-04
  • JS动态获取当前时间,并写到特定的区域

    JS动态获取当前时间,并写到特定的区域

    JS动态获取当前时间,并写到特定的区域,需要的朋友可以参考一下
    2013-05-05
  • 微信小程序wx.request的简单封装

    微信小程序wx.request的简单封装

    这篇文章主要介绍了微信小程序wx.request的简单封装,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 用js实现放大镜效果

    用js实现放大镜效果

    这篇文章主要为大家详细介绍了用js实现放大镜效果,利用背景图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • javascript温习的一些笔记 基础常用知识小结

    javascript温习的一些笔记 基础常用知识小结

    在电脑上找到多年前的javascript的一些小笔记,因为要将笔记本上面的文件整理一下, 不用的删除掉, 所以将此篇笔记再发布一下,存档到自己的博客吧, 电脑上的文件就删除了
    2011-06-06
  • Webpack优化配置缩小文件搜索范围

    Webpack优化配置缩小文件搜索范围

    这篇文章主要介绍了Webpack优化-缩小文件搜索范围的相关知识,文中较详细的给大家介绍了可以优化的途径,需要的朋友可以参考下
    2017-12-12

最新评论