zTree树形插件使用 同步加载 

<link rel="stylesheet" href="zTree_v3-master/css/demo.css">
<link rel="stylesheet" href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css">
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="zTree_v3-master/js/jquery.ztree.core.min.js"></script>    

<script type="text/javascript">

 $(function(){
        $.ajax({
            type:"post",
            url:"ztreeAction!sele.jhtml",
//查询的路径
            data:"",
            dataType:"json",
            success:function(result){
                if(result.success){
//查询后执行
                    $.fn.zTree.init($("#treeDemo"), setting, result.object);
//查询后执行
                }
            },
            error:function(){
                alert("错误");
            }
        })
    })
var setting = {
        data: {
            simpleData: {
                enable: true,
                pIdKey: "pid"
            }
        }
    };

</script>

<body>
树形展示：<div id="treeDemo" class="ztree"></div>
</body>

 

posted @ 2017-06-14 15:23  倾我一生一世念  阅读(2382)  评论(0)  编辑  收藏  举报