zTree樹插件的使用

1、html頁面增加tree列表ul

<ul id="treeDemo" class="ztree" hr-self-height="$(window).height()-160"></ul>

2、設置setting 對象json

var setting = {

view: {

dblClickExpand: dblClickExpand,

showIcon: false,

showLine: false

},

data: {

key: {

name: 'name'

},

simpleData: {

enable: true,

idKey: 'id'

}

},

callback: {

onClick: zOnClick

}

};



3、初始化函數initTree，綁定列表

function initTree(){

$.fn.zTree.init($('#treeDemo'), setting, $scope.treatTypeList);

};



4、頁面登錄調用 initTree();

(function(){

initTree();

})()