ITPub博客

首页 > IT职业 > IT职场 > angularJS-Ztree

angularJS-Ztree

IT职场 作者:jlwcb 时间:2021-09-09 10:04:19 0 删除 编辑


自定义指令

/** * name: public.ztree * Version: 1.0.0 beta */define(['publicZtree'], function () {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;                  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, setting, 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",function(event,data){ //监听或接收数据。。用于接收event与data              $.fn.zTree.init($("#tree1"), setting, data);//进行初始化树形菜单               //$.fn.zTree.init(element, setting, 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"]));                   }                 }               }           });                              $scope.$on("menuData2",function(event,data){ //监听或接收数据。。用于接收event与data              $.fn.zTree.init($("#tree2"), setting, data);//进行初始化树形菜单               //$.fn.zTree.init(element, setting, 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"]));                   }                 }               }           });                  }       }; }]);});控制器//获取树节点         $scope.$on("treeCtrl",function(event,params){                 var CoreUrl = new coreUrl({"transCode":"B000300"});                    CoreUrl.$save(function(data){                        //发送消息给子控制器                         $scope.mechanismList =data.row;                        $scope.$broadcast("menuData",$scope.mechanismList);                    },function(error){                        alert(JSON.stringify(error));                     });             $scope.modifyMechanismList = function (){                 $('#addUser').modal();                 //$('body').removeClass("open_modal");                                 $scope.BRANCHID = BRANCHID;                var CoreUrl = new coreUrl({"transCode":"B000300","branchId":$scope.BRANCHID});                CoreUrl.$save(function(objc){                     $scope.organization_query2 = objc;                     $scope.parentBranchId_choose = objc.row[0].branchName;                   },function(error){                           alert(JSON.stringify(error));                    });            };         });
<div class="modal-body">               <ul tree id="tree" color:#dcdcdc;" class="ztree" ng-model="selectNode" value="1" >             </div>


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4358/viewspace-2815836/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 使用jquery
请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    72
  • 访问量
    837