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