Ztree的简单使用

效果如下:

var business=[
	{ id:11, pId:1, name:"业务模块"},
    { id:111, pId:11, name:"品牌管理"},
    { id:112, pId:11, name:"供应商管理"},
    { id:113, pId:11, name:"商品管理"},
    { id:114, pId:11, name:"仓库管理"},
    { id:114, pId:11, name:"客户管理"},
    { id:115, pId:11, name:"采购订单管理"},
    { id:116, pId:11, name:"采购入库单管理"},
    { id:117, pId:11, name:"销售出库单管理"}];
var  systemManage=[
	{ id:12, pId:1, name:"系统模块"},
    { id:121, pId:12, name:"部门管理",action:"/department.action"},
    { id:122, pId:12, name:"员工管理",action:"/employee.action"},
    { id:123, pId:12, name:"权限管理",action:"/permission.action"},
    { id:124, pId:12, name:"角色管理",action:"/role.action"},
    { id:124, pId:12, name:"系统菜单管理",action:"/systemMenu.action"}];
var charts=[
    { id:13, pId:1, name:"报表模块"},
    { id:131, pId:13, name:"即时库存报表"},
    { id:132, pId:13, name:"订货报表"},
    { id:133, pId:13, name:"销售报表"}
];
var zNodes = {
    business: business,
    systemManage: systemManage,
    charts: charts
};
$(document).ready(function(){
    $.fn.zTree.init($("#dleft_tab1"), setting, zNodes.business);
});

js文件和使用文档
提取码:n9hu