Web前端工作筆記011---ztree的使用方法_大全

技術交流QQ羣【JAVA,C++,Python,.NET,BigData,AI】：170933152  

需要引入:

<link rel="stylesheet" href="../../../assets/global/plugins/ztree/css/demo.css" type="text/css">
<link rel="stylesheet" href="../../../assets/global/plugins/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../assets/global/plugins/ztree/js/jquery.ztree.core.js"></script>

 

參考下面的使用: 組織一下數據,然後初始化就可以了.

function setPopMenu(own) {
    constant.ajax.get({
        url: constant.url.sc_support.cmenu,
        data: {ownSystem: own, noth: 1, isVariety: '0'},
        async: false,
        success: function (result) {
            var arrays = result.data.list;
            var zNodes = [];
            var json;
            for (var i = 0; i < arrays.length; i++) {
                json = {"id": arrays[i].id, "pId": arrays[i].parentMenuid, "name": arrays[i].menuName};
                zNodes.push(json);
            }

            $("#popMenu_" + own).val("無");

            $.fn.zTree.init($("#treeDemo_" + own), {
                view: {dblClickExpand: false},
                data: {simpleData: {enable: true}},
                callback: {
                    onClick: onClick
                }
            }, zNodes);
        }
    })
}