摘要:源代碼提取碼文件樹提取碼功能支持展開收起功能可刪除樹節(jié)點(diǎn)可移動(dòng)樹節(jié)點(diǎn)根據(jù)樹節(jié)點(diǎn)的數(shù)據(jù)來源可以是一個(gè)數(shù)組,也可以是一個(gè)地址調(diào)用方法存在一個(gè)樹的容器引入在里面引入文件在的底部引入文件調(diào)用數(shù)據(jù)接口選擇的類型單選還是多選還是菜單默認(rèn)為菜單選擇的類型
源代碼:
url: http://yunpan.cn/cwkgzpzSBDXEu (提取碼:e3af)
文件樹:http://yunpan.cn/cweS8pjxur9XI (提取碼:992a)
功能:1、支持展開收起功能;
2、可刪除樹節(jié)點(diǎn);
3、可移動(dòng)樹節(jié)點(diǎn)(根據(jù)樹節(jié)點(diǎn)的id);
4、數(shù)據(jù)來源可以是一個(gè)數(shù)組,也可以是一個(gè)url地址;
1、存在一個(gè)樹的容器
2、引入jquery
3、在head里面引入tree.css文件
4、在html的底部引入tree.js文件
5、調(diào)用
var options = {
data: treeData.data,
dataUrl: "category/tree.js?site_id=551d26f5b348f30f508b4567", //數(shù)據(jù)接口
selectType: "checkbox", //選擇的類型(單選(radio)還是多選(checkbox),還是菜單(menu),默認(rèn)為菜單(menu))
formName: "test", //選擇的類型是單選(radio)或者多選(checkbox)時(shí),需要指定name值
deleteCategoryIds: ["12345","3456"], //不需要顯示的節(jié)點(diǎn)列表
movable: false, //節(jié)點(diǎn)是否可以從一個(gè)節(jié)點(diǎn)移動(dòng)到另一個(gè)節(jié)點(diǎn)
deletable: true, //節(jié)點(diǎn)是否可以被刪除
extendHtml: function(node){ //node為節(jié)點(diǎn)信息
return ""+node.name+"是一個(gè)人呀";
}//樹節(jié)點(diǎn)的擴(kuò)展結(jié)構(gòu)
};
$(".test").tree(options);
注意:data和dataUrl只需寫一個(gè),如果兩個(gè)都寫上的話,默認(rèn)從data中取數(shù)據(jù)。
數(shù)據(jù)的格式[{ name: "a", category_id: 1 }, { name: "b", category_id: 2 }]
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/85715.html
摘要:借助語法樹,開發(fā)者能夠更好地展現(xiàn)和修改源程序代碼,優(yōu)化開發(fā)環(huán)節(jié),提高安全系數(shù),還能進(jìn)一步實(shí)現(xiàn)安卓預(yù)編譯。用語法樹來實(shí)現(xiàn)預(yù)編譯指令開發(fā)者還能用語法樹來實(shí)現(xiàn)預(yù)編譯指令,常見的預(yù)編譯指令主要分為條件編譯宏定義文件包含三大類。 如何在保證安全性的前提下,提升開發(fā)過程的效率,是每個(gè)開發(fā)者都在不斷探索的問題。借助語法樹,開發(fā)者能夠更好地展現(xiàn)和修改源程序代碼,優(yōu)化開發(fā)環(huán)節(jié),提高安全系數(shù),還能進(jìn)一步實(shí)...
摘要:前言是一個(gè)依靠實(shí)現(xiàn)的多功能樹插件。不同的樹目錄根據(jù)不同的數(shù)據(jù),在服務(wù)器端編寫好不同的,將其配置在這里即可。依賴獲取的數(shù)據(jù)類型,默認(rèn)值。依賴用于對(duì)返回?cái)?shù)據(jù)進(jìn)行預(yù)處理的函數(shù)。詳細(xì)說明參見文檔代碼還是樹插件使用方法與例子中的那個(gè),不在重復(fù)粘貼。 前言 zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 樹插件。 網(wǎng)址:http://www.ztree.me/v3/main.p... 上回說到...
摘要:簡介是一個(gè)依靠實(shí)現(xiàn)的多功能樹插件。使用說明下載文件將需要使用的相關(guān)的文件分別放置到相應(yīng)目錄,并且保證相對(duì)路徑正確。頁面分別在和中引入文件,如代碼所示。設(shè)置是否顯示節(jié)點(diǎn)的圖標(biāo)。 簡介 zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 樹插件。 網(wǎng)址:http://www.ztree.me/v3/main.p... 上面的網(wǎng)址里有ztree的詳細(xì)介紹、Demo 演示、API 文檔、入門指...
摘要:語法樹與代碼轉(zhuǎn)化實(shí)踐歸納于筆者的現(xiàn)代開發(fā)語法基礎(chǔ)與實(shí)踐技巧系列文章中。抽象語法樹抽象語法樹的作用在于牢牢抓住程序的脈絡(luò),從而方便編譯過程的后續(xù)環(huán)節(jié)如代碼生成對(duì)程序進(jìn)行解讀。 JavaScript 語法樹與代碼轉(zhuǎn)化實(shí)踐 歸納于筆者的現(xiàn)代 JavaScript 開發(fā):語法基礎(chǔ)與實(shí)踐技巧系列文章中。本文引用的參考資料聲明于 JavaScript 學(xué)習(xí)與實(shí)踐資料索引中,特別需要聲明是部分代碼片...
閱讀 992·2023-04-25 14:20
閱讀 1868·2021-11-24 10:20
閱讀 3766·2021-11-11 16:55
閱讀 2905·2021-10-14 09:42
閱讀 3467·2019-08-30 15:56
閱讀 1144·2019-08-30 15:55
閱讀 1063·2019-08-30 15:44
閱讀 771·2019-08-29 11:28