ztree樹形菜單

樹形菜單的使用:

<script src="../js/ztree/jquery.ztree.all-3.5.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="../js/ztree/zTreeStyle.css"/>

ztree樹形菜單兩種數據格式:

    1、標準json數據：

var nodes = [
	{name: "父節點1", children: [
		{name: "子節點1"},
		{name: "子節點2"}
	]}
];    

    2、簡單json數據：

var nodes = [
	{id:1, pId:0, name: "父節點1"},
	{id:11, pId:1, name: "子節點1"},
	{id:12, pId:1, name: "子節點2"}
];

ztree樹形菜單頁面顯示：

    設置菜單顯示位置：

<ul id="ztree" class="ztree"></ul>

開啓簡單json數據格式：

var setting = {
			data : {
				simpleData : {
					enable : true
				}
			}
		}

編寫zTree樹形菜單數據：
var zNodes = [{id='本節點id',pId='父節點id',name='本節點名稱'}]
生成樹形菜單：

$.fn.zTree.init($("#ztree"),settinf,zNodes);