js樹(shù)形菜單分類(lèi)勾選插件

verTree.js樹(shù)形菜單插件制作后臺(tái)權(quán)限管理分類(lèi)菜單選中勾選效果。支持二級(jí)、三級(jí)等多項(xiàng)分類(lèi)菜單列表選擇代碼。原理：根據(jù)js數(shù)組獲取菜單數(shù)據(jù)列表。

屬性說(shuō)明

new verTree({
     items:"#tree_list",
     type:"data",
     data:[],
     parent:"pid",
     params:"id",
     value:"name"
});  
<table id="tree_list">
 <thead>
 <tr data-tree-list="true" data-tree-changes="true">
     <th data-field="name">名稱(chēng)</th>
     <th data-field="jingle">別名</th>
 </tr>
 </thead>
</table>

1.接口參數(shù)：

i. items:容器名稱(chēng)（推薦使用id，能夠保證只有唯一的一個(gè)容器，填寫(xiě)時(shí)需要帶上修飾符）

ii. type：數(shù)據(jù)展示的演示，提供三種選項(xiàng)：

a. data：普通數(shù)據(jù)展示（沒(méi)有選擇框，只顯示相關(guān)數(shù)據(jù)名稱(chēng)）

b. form：表單數(shù)據(jù)展示（有選擇框，只顯示相關(guān)數(shù)據(jù)名稱(chēng)）

c. table：表格列表數(shù)據(jù)展示，配合data參數(shù)中的data-file進(jìn)行數(shù)據(jù)展示

iii. data：原始json數(shù)組數(shù)據(jù)，在數(shù)據(jù)中必須包含children字段，否則數(shù)據(jù)樹(shù)將無(wú)法識(shí)別

iv. parent: 父級(jí)節(jié)點(diǎn)字段名稱(chēng)，默認(rèn)為parent

v. params：當(dāng)前節(jié)點(diǎn)主鍵字段名稱(chēng)，默認(rèn)為id，

vi. value：當(dāng)type不等于table時(shí)頁(yè)面展示的字段名稱(chēng)，默認(rèn)為name

2.data參數(shù)

i. 說(shuō)明：data參數(shù)主要用于當(dāng)type等于table時(shí)在表格中添加的相關(guān)data參數(shù)

ii. data-tree-list: 加載的字段集合數(shù)據(jù)列表，填寫(xiě)表頭tr中

iii. data-tree-changes：是否出現(xiàn)復(fù)選框，填寫(xiě)在表頭tr中

iv. data-field：當(dāng)前列加載的字段名稱(chēng)，填寫(xiě)在表頭td/th中

v. 更多data參數(shù)正在開(kāi)放中

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請(qǐng)勿用于商業(yè)用途，會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途，織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。

查看演示下載資源

465 12792 25