樹插件的使用說明

dongxiawu 發布于2019-08-21 10:32 / 388人閱讀

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

源代碼：

url: http://yunpan.cn/cwkgzpzSBDXEu （提取碼：e3af）

文件樹：http://yunpan.cn/cweS8pjxur9XI （提取碼：992a）

功能：

1、支持展開收起功能；
2、可刪除樹節點；
3、可移動樹節點（根據樹節點的id）；
4、數據來源可以是一個數組，也可以是一個url地址；

調用方法：

1、存在一個樹的容器

2、引入jquery

3、在head里面引入tree.css文件

4、在html的底部引入tree.js文件

5、調用

var options = {
    data: treeData.data,
    dataUrl: "category/tree.js?site_id=551d26f5b348f30f508b4567", //數據接口
    selectType: "checkbox", //選擇的類型(單選(radio)還是多選(checkbox),還是菜單（menu）,默認為菜單(menu))
    formName: "test", //選擇的類型是單選(radio)或者多選(checkbox)時，需要指定name值
    deleteCategoryIds: ["12345","3456"], //不需要顯示的節點列表
    movable: false, //節點是否可以從一個節點移動到另一個節點
    deletable: true, //節點是否可以被刪除
    extendHtml: function(node){ //node為節點信息
        return ""+node.name+"是一個人呀";
    }//樹節點的擴展結構
};
$(".test").tree(options);

注意：data和dataUrl只需寫一個，如果兩個都寫上的話，默認從data中取數據。

數據的格式

[{
   name: "a",
   category_id: 1
},
{
   name: "b",
   category_id: 2
}]

GPU云服務器云服務器 html使用插件 js怎么使用圖形插件 Win10無法使用支付寶插件 java的遞歸樹

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/85715.html

開發者的進階之路：用語法樹來實現預編譯

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

CoffeX 2019-08-16 14:03 評論0 收藏0
zTree -- jQuery 樹插件構造treeNode JSON 數據對象

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

周國輝 2019-08-21 10:50 評論0 收藏0
zTree -- jQuery 樹插件使用方法與例子

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

hightopo 2019-08-19 17:44 評論0 收藏0
JavaScript 語法樹與代碼轉化實踐

摘要：語法樹與代碼轉化實踐歸納于筆者的現代開發語法基礎與實踐技巧系列文章中。抽象語法樹抽象語法樹的作用在于牢牢抓住程序的脈絡，從而方便編譯過程的后續環節如代碼生成對程序進行解讀。 JavaScript 語法樹與代碼轉化實踐歸納于筆者的現代 JavaScript 開發：語法基礎與實踐技巧系列文章中。本文引用的參考資料聲明于 JavaScript 學習與實踐資料索引中，特別需要聲明是部分代碼片...

Gemini 2019-08-20 18:14 評論0 收藏0