微信掃碼登錄 ×
js樹形菜單分類勾選插件

js樹形菜單分類勾選插件

收藏
js樹形菜單分類勾選插件
verTree.js樹形菜單插件制作后臺(tái)權(quán)限管理分類菜單選中勾選效果。支持二級(jí)、三級(jí)等多項(xiàng)分類菜單列表選擇代碼。原理:根據(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,能夠保證只有唯一的一個(gè)容器,填寫時(shí)需要帶上修飾符)

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

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

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

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

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

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

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

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


2.data參數(shù)

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

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

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

    iv. data-field:當(dāng)前列加載的字段名稱,填寫在表頭td/th中

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


使用聲明

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)。

x
×
×

注冊(cè)

QQ注冊(cè) 立即下載 微信注冊(cè) 立即下載

簽到成功!

已連續(xù)簽到1天,連續(xù)簽到3天可獲得50積分

知道了