码迷,mamicode.com
首页 > 其他好文 > 详细

angular ztree

时间:2017-06-08 19:40:41      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:节点   gets   code   scope   bsp   name   imp   data   根据   

// 获取树数据
        $scope.initZtreeData = function () {
            var url = /bpopstation/func/queryAll.do;
            $http.post(url).success(function(res){
                $scope.zNodes = res.respData;//赋值
                var setting = {
                    view: {
                        dblClickExpand: false,
                        showLine: true,
                        selectedMulti: false
                    },
                    data: {
                        key: {
                            name: "funcName",//设置树显示的字段与接口里的字段对应关系
                            tId: "id",
                            children: "subFuncsList",//子节点名称与接口字段对应关系,梯形数据结构需要
                        },
                        simpleData: {
                            enable:false,//禁用简单的json数据结构,即用梯形结构
                            idKey: "funcCode",//设置id与接口字段对应关系(可以根据id找到当前节点)
                            pIdKey: "parentCode",//设置子pid与接口字段对应关系(可以根据pid找到父节点)
                            rootPId: ‘‘
                        }
                    },
                    callback: {
                        onClick: zTreeOnCheck //点击节点时 回调
                    }
                };
                var zTree = $.fn.zTree.init($("#functionLimitList"),setting,$scope.zNodes);//初始化
                var functionLimitList = $.fn.zTree.getZTreeObj("functionLimitList");
                functionLimitList.expandAll(true);//默认展开所有
            }).error(function(){});

        };
        $scope.initZtreeData();
        function zTreeOnCheck(){
            $scope.getNodeDetail();
        };


//点击节点时执行的回调
$scope.getNodeDetail = function () {
var treeObj = $.fn.zTree.getZTreeObj("functionLimitList");
var node = treeObj.getSelectedNodes();//点击节点后 获取节点数据
$scope.id = node[0].id;

};
 

 

angular ztree

标签:节点   gets   code   scope   bsp   name   imp   data   根据   

原文地址:http://www.cnblogs.com/cynthia-wuqian/p/6964353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!