ホームページ > ウェブフロントエンド > jsチュートリアル > Angular ztree ラダー構造の詳細な説明

Angular ztree ラダー構造の詳細な説明

零下一度
リリース: 2017-06-26 10:41:44
オリジナル
2444 人が閲覧しました
$scope.initZtreeData = url = = res.respData; setting = zTree = $.fn.zTree.init($( functionLimitList = $.fn.zTree.getZTreeObj(
ログイン後にコピー
          functionLimitList.setting.check.chkboxType = { "Y" : "ps", "N" : "ps" };//checkbox 选中/取消选中的时候关联到父子节点 p-父 s-子
ログイン後にコピー
<span style="color: #000000">}).error(function(){});

        };
        $scope.initZtreeData();
        function zTreeOnCheck(){
            $scope.getNodeDetail();
        };<br><br><br>//点击节点时执行的回调</span>
ログイン後にコピー
$scope.getNodeDetail = function () {
    var treeObj = $.fn.zTree.getZTreeObj("functionLimitList");
    var node = treeObj.getSelectedNodes();//点击节点后 获取节点数据
    $scope.id = node[0].id;

};
ログイン後にコピー
 <br>
ログイン後にコピー

ノードはデフォルトで選択されています: (注: 各チェックが成功したことを確認するために、ツリーが成功した後にデフォルトで選択されたメソッドを呼び出す必要があります)

        $scope.roleZtreeDafultNodes = function () {var url = '/';//接口名var params = {// 参数            };
            $http.post(url,params).success(function(res){var list = [110101,110102];//res.data里 获取到的节点idfor(var i=0;i<list.length;i++){var node = zTree.getNodeByParam("id",list[i]);
                    zTree.checkNode(node);
                    zTree.expandNode(node, true, true,true);
                    zTree.selectNode(node);
                };
            }).error(function(){});

        };
        $scope.roleZtreeDafultNodes();
ログイン後にコピー

以上がAngular ztree ラダー構造の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート