SOURCE

console 命令行工具 X clear

                    
>
console
		var setting={
     	data:{
        simpleData:{
          enable:true
      	} 
      },
      view:{
				fontCss: getFont
			}
    };
		function getFont(treeId,node){			
      return node.font ? node.font : {};
		}


		var zNodes =[
			{ id:1, pId:0, name:"儒商信息管理系统", open:true},
        { id:10, pId:1, name:"工作桌面", open:true},
      		{id:101, pId:10, name:"本人创建文章"},
      		{id:102, pId:10, name:"待审核文章"},
      		{id:103, pId:10, name:"定制栏目文章"},
        { id:20, pId:1, name:"网站管理", open:true},
      		{ id:201, pId:20, name:"站点管理"},
      		{ id:202, pId:20, name:"栏目管理"},
      		{ id:203, pId:20, name:"文章管理"},
      		{ id:204, pId:20, name:"模板管理",font:{'color':'red'}},
      		{ id:205, pId:20, name:"资源管理",font:{'color':'red'}},
        { id:30, pId:1, name:"发布管理", open:true,font:{'color':'red'}},
        { id:40, pId:1, name:"系统管理", open:true},
      		{ id:401, pId:40, name:"用户管理"},
      		{ id:402, pId:40, name:"角色管理"},
      		{ id:403, pId:40, name:"部门管理"},
      		{ id:404, pId:40, name:"属性管理", open:true},
      			{ id:4041, pId:404, name:"属性类型管理"},
      			{ id:4042, pId:404, name:"属性组管理"},
          { id:405, pId:40, name:"流程组管理"},
          { id:406, pId:40, name:"配置管理", open:true},
      			{ id:4061, pId:406, name:"系统配置管理"},
      			{ id:4062, pId:406, name:"发布配置管理",font:{'color':'red'}},
          { id:407, pId:40, name:"日志管理", open:true},
      			{ id:4071, pId:407, name:"登录日志"},
      			{ id:4072, pId:407, name:"文章日志"},
      			{ id:4073, pId:407, name:"安全日志"},
      			{ id:4074, pId:407, name:"系统配置日志"},
      			{ id:4075, pId:407, name:"网站发布日志"},
      			{ id:4076, pId:407, name:"网站管理日志"},
      			{ id:4077, pId:407, name:"审计日志"},
		];

		$(document).ready(function(){
			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
		});


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

本项目引用的自定义外部资源