实现树形菜单
<body class="easyui-layout" data-options="fit:true" >
<div data-options="fit:true" id="cc" class="easyui-layout">
<div data-options="region:'north',title:'后台管理系统',split:true"
style="height: 100px;"></div>
<div data-options="region:'south',title:'版权区域',split:true"
style="height: 100px;"></div>
<div data-options="region:'west',title:'菜单选项',split:true"
style="width: 200px;">
<!--树型菜单 -->
<!--创建ul容器 -->
<ul id="menuTree"></ul>
</div>
<div data-options="region:'center',title:'内容区域'"
style="padding: 5px; ">
<!--选项卡区域 -->
<div id="tt" class="easyui-tabs" style="width:100%;height:500px; "margin=0px"">
<p>panel content.</p>
<p>panel content.</p>
</div>
</div>
<script type="text/javascript">
//加载函数
$(function () {
//通过脚本的方式实现树形菜单
$("#menuTree").tree({
url:"start/data/tree_data1.json"
})
//通过脚本创建选项卡
$('#tt').tabs({
border:false,
onSelect:function(title){
alert(title+' is selected');
}
});
})
</script>
</body>