關(guān)于layui toolbar和template的結(jié)合使用方法
更新時(shí)間：2019年09月19日 08:36:27 作者：只有光頭才能變強(qiáng)
今天小編就為大家分享一篇關(guān)于layui toolbar和template的結(jié)合使用方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
目的：為了完成表格操作列能夠自適應(yīng)表格行數(shù)據(jù)的某些條件而做出的變化（比如：表格單雙行數(shù)據(jù)展示不同的操作欄等）
在操作欄定義一個(gè)toolbar （后面的為我們要編寫的模板ID），js 就完成了。
html代碼：
定義操作模板，這里采用的是Layui的模板語法，具體怎么編寫可以參考：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)簡單的文本逐字打印效果示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單的文本逐字打印效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04
這篇文章主要為大家詳細(xì)介紹了js事件冒泡、事件捕獲和阻止默認(rèn)事件，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了Postman的下載及安裝教程詳解,今天給大家介紹的這款網(wǎng)頁調(diào)試工具不僅可以調(diào)試簡單的css、html、腳本等簡單的網(wǎng)頁基本信息，它還可以發(fā)送幾乎所有類型的HTTP請求！需要的朋友可以參考下2018-10-10
制作網(wǎng)頁的過程中，你有時(shí)候需要知道某個(gè)元素在網(wǎng)頁上的確切位置，在接下來的文章中為大家介紹下使用js是如何實(shí)現(xiàn)的2013-12-12
用JavaScript實(shí)現(xiàn)類似于ListBox功能示例代碼
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)類似于ListBox功能,需要的朋友可以參考下2014-03-03
javascript函數(shù)定義的幾種區(qū)別小結(jié)
本篇文章主要是對javascript函數(shù)定義的幾種區(qū)別進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
js手動(dòng)播放圖片實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了js手動(dòng)播放圖片實(shí)現(xiàn)圖片輪播效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
用javascript來實(shí)現(xiàn)動(dòng)畫導(dǎo)航效果的代碼
javascript來實(shí)現(xiàn)動(dòng)畫導(dǎo)航效果是通過定時(shí)器與鼠標(biāo)事件響應(yīng)相結(jié)合,動(dòng)態(tài)修改頁面元素屬性實(shí)現(xiàn)的動(dòng)畫導(dǎo)航效果,需要的朋友可以參考一下2007-12-12
Element ui 下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng)
這篇文章主要介紹了Element ui 下拉多選時(shí) 新增一個(gè)選擇所有的選項(xiàng),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-08-08
extjs4圖表繪制之折線圖實(shí)現(xiàn)方法分析
這篇文章主要介紹了extjs4圖表繪制之折線圖實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了extjs4繪制折線圖的相關(guān)操作技巧、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-03-03