angularJS结合Z-tree

/**
* name: public.ztree
* Version: 1.0.0 beta
*/
angular.module('public.ztree',[]).directive('tree',[function(){
return {
require: 'ngModel',
restrict: 'A',
link: function ($scope,element,attrs,ngModel) {
var setting = {
data: {
key: {
title: "branchName"
},
simpleData: {
enable: true
}
},
callback: {
onClick: function (event,treeId,treeNode,clickFlag) {
BRANCHID = treeNode.branchId;
$scope.$apply(function () {
ngModel.$setViewValue(treeNode);
});
}
},
};

//向控制器发送消息，进行菜单数据的获取
$scope.$emit("treeCtrl",attrs["1"]);
$scope.$on("menuData",function(event,data){ //监听或接收数据。。用于接收event与data
$.fn.zTree.init($("#tree"),setting,data);//进行初始化树形菜单
//$.fn.zTree.init(element,data);//进行初始化树形菜单 element
var zTree = $.fn.zTree.getZTreeObj("tree");//zTree 的 DOM 容器的 id
var selectName = $("#selectName").val();
if(typeof selectName == "undefined" || selectName == ""){
zTree.selectNode(zTree.getNodeByParam("tree","1"));//默认第一个选中
$("#selectName").val(zTree.getSelectedNodes()[0]);//赋值
}else{
for(var i =0; i<data.length;i++){
if(data[i]["branchId"] == selectName ){
zTree.selectNode(zTree.getNodeByParam("branchId",data[i]["branchId"]));
}
}
}
});


$scope.$on("menuData1",data){ //监听或接收数据。。用于接收event与data
$.fn.zTree.init($("#tree1"),data);//进行初始化树形菜单 element
var zTree = $.fn.zTree.getZTreeObj("tree");//zTree 的 DOM 容器的 id
var selectName = $("#selectName").val();
if(typeof selectName == "undefined" || selectName == ""){
//zTree.selectNode(zTree.getNodeByParam("tree","1"));//默认第一个选中
//$("#selectName").val(zTree.getSelectedNodes()[0]);//赋值 //因为修改时selectNode是空的 赋值失败报错，所以注释
}else{
for(var i =0; i<data.length;i++){
if(data[i]["branchId"] == selectName ){
zTree.selectNode(zTree.getNodeByParam("branchId",data[i]["branchId"]));
}
}
}
});




}
};
}]);

//新增员工--加载机构树
var CoreUrl = new coreUrl({"transCode":"B000300"});
CoreUrl.$save(function(data){
//发送消息给子控制器
$scope.mechanismList =data.row;
$scope.$broadcast("menuData",$scope.mechanismList);
});
//编辑员工--加载机构树
var CoreUrl = new coreUrl({"transCode":"B000300"});
CoreUrl.$save(function(data){
//发送消息给子控制器
$scope.mechanismList =data.row;
$scope.$broadcast("menuData1",$scope.mechanismList);
});

注意修改 引用入的jquery.ztree.all.js这两处

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!