js樹形菜單分類勾選插件

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

屬性說明

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">名稱</th>
     <th data-field="jingle">別名</th>
 </tr>
 </thead>
</table>

1.接口參數(shù)：

i. items:容器名稱（推薦使用id，能夠保證只有唯一的一個容器，填寫時需要帶上修飾符）

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

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

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

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

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

iv. parent: 父級節(jié)點字段名稱，默認為parent

v. params：當前節(jié)點主鍵字段名稱，默認為id，

vi. value：當type不等于table時頁面展示的字段名稱，默認為name

2.data參數(shù)

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

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

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

iv. data-field：當前列加載的字段名稱，填寫在表頭td/th中

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

使用聲明

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

查看演示下載資源

465 12498 25