樹插件的使用說明

源代碼：

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

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

功能：

一、支持展開\收起功能；
二、可刪除樹節點；
三、可移動樹節點（根據樹節點的id）；
四、數據來源能夠是一個數組，也能夠是一個url地址；

調用方法：

一、存在一個樹的容器

<div class="test">
</div>

二、引入jquery

<script src="http://s1.qhimg.com/!20166620/jquery.min.js"></script>

三、在head裏面引入tree.css文件

<link rel="stylesheet" href="css/tree.css"/>

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

<script type="text/javascript" src="js/tree.js"></script>

五、調用

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 "<span>"+node.name+"是一我的呀</span>";
    }//樹節點的擴展結構
};
$(".test").tree(options);

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

數據的格式

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