成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

樹插件的使用說明

dongxiawu / 395人閱讀

摘要:源代碼提取碼文件樹提取碼功能支持展開收起功能可刪除樹節(jié)點可移動樹節(jié)點根據(jù)樹節(jié)點的數(shù)據(jù)來源可以是一個數(shù)組,也可以是一個地址調(diào)用方法存在一個樹的容器引入在里面引入文件在的底部引入文件調(diào)用數(shù)據(jù)接口選擇的類型單選還是多選還是菜單默認為菜單選擇的類型

源代碼:

url: http://yunpan.cn/cwkgzpzSBDXEu (提取碼:e3af)

文件樹:http://yunpan.cn/cweS8pjxur9XI (提取碼:992a)

功能:

1、支持展開收起功能;
2、可刪除樹節(jié)點;
3、可移動樹節(jié)點(根據(jù)樹節(jié)點的id);
4、數(shù)據(jù)來源可以是一個數(shù)組,也可以是一個url地址;

調(diào)用方法:

1、存在一個樹的容器

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),默認為菜單(menu))
    formName: "test", //選擇的類型是單選(radio)或者多選(checkbox)時,需要指定name值
    deleteCategoryIds: ["12345","3456"], //不需要顯示的節(jié)點列表
    movable: false, //節(jié)點是否可以從一個節(jié)點移動到另一個節(jié)點
    deletable: true, //節(jié)點是否可以被刪除
    extendHtml: function(node){ //node為節(jié)點信息
        return ""+node.name+"是一個人呀";
    }//樹節(jié)點的擴展結(jié)構(gòu)
};
$(".test").tree(options);

注意:data和dataUrl只需寫一個,如果兩個都寫上的話,默認從data中取數(shù)據(jù)。

數(shù)據(jù)的格式
[{
   name: "a",
   category_id: 1
},
{
   name: "b",
   category_id: 2
}]

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/85715.html

相關(guān)文章

  • 開發(fā)者進階之路:用語法來實現(xiàn)預編譯

    摘要:借助語法樹,開發(fā)者能夠更好地展現(xiàn)和修改源程序代碼,優(yōu)化開發(fā)環(huán)節(jié),提高安全系數(shù),還能進一步實現(xiàn)安卓預編譯。用語法樹來實現(xiàn)預編譯指令開發(fā)者還能用語法樹來實現(xiàn)預編譯指令,常見的預編譯指令主要分為條件編譯宏定義文件包含三大類。 如何在保證安全性的前提下,提升開發(fā)過程的效率,是每個開發(fā)者都在不斷探索的問題。借助語法樹,開發(fā)者能夠更好地展現(xiàn)和修改源程序代碼,優(yōu)化開發(fā)環(huán)節(jié),提高安全系數(shù),還能進一步實...

    CoffeX 評論0 收藏0
  • zTree -- jQuery 插件 構(gòu)造treeNode JSON 數(shù)據(jù)對象

    摘要:前言是一個依靠實現(xiàn)的多功能樹插件。不同的樹目錄根據(jù)不同的數(shù)據(jù),在服務(wù)器端編寫好不同的,將其配置在這里即可。依賴獲取的數(shù)據(jù)類型,默認值。依賴用于對返回數(shù)據(jù)進行預處理的函數(shù)。詳細說明參見文檔代碼還是樹插件使用方法與例子中的那個,不在重復粘貼。 前言 zTree 是一個依靠 jQuery 實現(xiàn)的多功能 樹插件。 網(wǎng)址:http://www.ztree.me/v3/main.p... 上回說到...

    周國輝 評論0 收藏0
  • zTree -- jQuery 插件 使用方法與例子

    摘要:簡介是一個依靠實現(xiàn)的多功能樹插件。使用說明下載文件將需要使用的相關(guān)的文件分別放置到相應(yīng)目錄,并且保證相對路徑正確。頁面分別在和中引入文件,如代碼所示。設(shè)置是否顯示節(jié)點的圖標。 簡介 zTree 是一個依靠 jQuery 實現(xiàn)的多功能 樹插件。 網(wǎng)址:http://www.ztree.me/v3/main.p... 上面的網(wǎng)址里有ztree的詳細介紹、Demo 演示、API 文檔、入門指...

    hightopo 評論0 收藏0
  • JavaScript 語法與代碼轉(zhuǎn)化實踐

    摘要:語法樹與代碼轉(zhuǎn)化實踐歸納于筆者的現(xiàn)代開發(fā)語法基礎(chǔ)與實踐技巧系列文章中。抽象語法樹抽象語法樹的作用在于牢牢抓住程序的脈絡(luò),從而方便編譯過程的后續(xù)環(huán)節(jié)如代碼生成對程序進行解讀。 JavaScript 語法樹與代碼轉(zhuǎn)化實踐 歸納于筆者的現(xiàn)代 JavaScript 開發(fā):語法基礎(chǔ)與實踐技巧系列文章中。本文引用的參考資料聲明于 JavaScript 學習與實踐資料索引中,特別需要聲明是部分代碼片...

    Gemini 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<