easyui(Tree前端工作)

实现树形菜单  

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值