關(guān)于layui toolbar和template的結(jié)合使用方法
更新時(shí)間：2019年09月19日 08:36:27 作者：只有光頭才能變強(qiáng)
今天小編就為大家分享一篇關(guān)于layui toolbar和template的結(jié)合使用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧
目的：為了完成表格操作列能夠自適應(yīng)表格行數(shù)據(jù)的某些條件而做出的變化（比如：表格單雙行數(shù)據(jù)展示不同的操作欄等）
在操作欄定義一個(gè)toolbar （后面的為我們要編寫的模板ID），js 就完成了。
html代碼：
定義操作模板，這里采用的是Layui的模板語(yǔ)法，具體怎么編寫可以參考：https://www.layui.com/doc/modules/laytpl.html
這個(gè)模板的作用是：
d為迭代表格行數(shù)據(jù)的形參，d.fileType表示為表格數(shù)據(jù)一行的某列數(shù)據(jù)；所以加在一起表示的是當(dāng)某列值等于txt或者jpg展示上面操作列，否則展示下面的操作列。
您可能感興趣的文章:
相關(guān)文章
JavaScript實(shí)現(xiàn)左右點(diǎn)擊切換圖片
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易左右點(diǎn)擊切換圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
在JavaScript 中按字母排序之如何在 JS 中按名稱排序
有時(shí)你可能有一個(gè)單詞數(shù)組,你想按字母順序（從 a-z）對(duì)每個(gè)單詞進(jìn)行排序,或者你可能有一個(gè)包含用戶信息（包括名字）的對(duì)象數(shù)組,例如,你想按照用戶的名字來(lái)排序,接下來(lái)通過本文給大家介紹在JavaScript 中按字母排序之如何在 JS 中按名稱排序,需要的朋友可以參考下2023-09-09
前端實(shí)現(xiàn)時(shí)鐘網(wǎng)頁(yè)的詳細(xì)代碼示例
本文介紹了如何在網(wǎng)頁(yè)中實(shí)現(xiàn)一個(gè)動(dòng)態(tài)顯示的時(shí)鐘,并且添加了白天和夜晚兩種模式的切換功能,通過簡(jiǎn)單的HTML結(jié)構(gòu)和JavaScript代碼,使用Date()函數(shù)動(dòng)態(tài)獲取當(dāng)前的時(shí)間,并將時(shí)、分、秒通過邏輯綁定到相應(yīng)的div元素上,實(shí)現(xiàn)時(shí)鐘的動(dòng)態(tài)顯示,需要的朋友可以參考下2024-09-09
javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa
這篇文章主要介紹了javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa，效果非常不錯(cuò)，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
首先，單例模式是對(duì)象的創(chuàng)建模式之一，此外還包括工廠模式。2011-04-04
JS動(dòng)態(tài)獲取當(dāng)前時(shí)間,并寫到特定的區(qū)域
JS動(dòng)態(tài)獲取當(dāng)前時(shí)間,并寫到特定的區(qū)域，需要的朋友可以參考一下2013-05-05
這篇文章主要介紹了微信小程序wx.request的簡(jiǎn)單封裝，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要為大家詳細(xì)介紹了用js實(shí)現(xiàn)放大鏡效果，利用背景圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
javascript溫習(xí)的一些筆記 基礎(chǔ)常用知識(shí)小結(jié)
在電腦上找到多年前的javascript的一些小筆記，因?yàn)橐獙⒐P記本上面的文件整理一下， 不用的刪除掉， 所以將此篇筆記再發(fā)布一下，存檔到自己的博客吧， 電腦上的文件就刪除了2011-06-06
這篇文章主要介紹了Webpack優(yōu)化-縮小文件搜索范圍的相關(guān)知識(shí)，文中較詳細(xì)的給大家介紹了可以優(yōu)化的途徑,需要的朋友可以參考下2017-12-12