<!DOCTYPE html><html>?? ?<head>?? ??? ?<meta charset="UTF-8">?? ??? ?<title>樹行菜單</title>?? ??? ?<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>?? ??? ?<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>?? ??? ?<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>?? ??? ?<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />?? ??? ?<link rel="stylesheet" href="../js/easyui/themes/icon.css" />?? ??? ?<!--引入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" />?? ??? ?<script type="text/javascript">?? ??? ??? ?//?? ??? ??? ?頁面加載后執行?? ??? ??? ?$(function(){?? ??? ??? ??? ?// 1、 進行ztree菜單設置 ?? ??? ??? ??? ?var setting = {?? ??? ??? ??? ??? ?data: {?? ??? ??? ??? ??? ??? ?simpleData: {?? ??? ??? ??? ??? ??? ??? ?enable: true // 支持簡單json數據格式?? ??? ??? ??? ??? ??? ?}?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?}?? ??? ??? ??? ?};?? ??? ??? ??? ?//2,提供ztree屬性菜單數據?? ??? ??? ??? ?var zNodes = [?? ??? ??? ??? ??? ?{id=1,pid:0,name:"父節點一"},?? ??? ??? ??? ??? ?{id=2,pid:0,name:"父節點二"},?? ??? ??? ??? ??? ?{id=11,pid:1,name:"子節點一"},?? ??? ??? ??? ??? ?{id=12,pid:1,name:"子節點二"},?? ??? ??? ??? ??? ?{id=13,pid:2,name:"子節點三"},?? ??? ??? ??? ??? ?{id=14,pid:2,name:"子節點四"}?? ??? ??? ??? ?];?? ??? ??? ??? ??? ?//3,生成菜單.?? ??? ??? ??? ??? ?$.fn.zTree.init($("#baseMenu"), setting, zNodes);?? ??? ??? ?});?? ??? ?</script>?? ?</head>?? ?<body class="easyui-layout">?? ??? ?<div data-options="region:'north',title:'傳智播客系統'" style="height: 100px;">北部地區</div>?? ??? ?<div data-options="region:'west',title:'菜單導航'" style="width: 180px;">?? ??? ??? ?<!--折疊面板-->?? ??? ??? ?<div class="easyui-accordion" data-options="fit:true">?? ??? ??? ??? ?<div data-options="title:'基礎菜單'">?? ??? ??? ??? ??? ?<!--通過ztree插件,制作樹菜單-->?? ??? ??? ??? ??? ?<ul id="baseMenu" class="ztree"></ul>?? ??? ??? ??? ?</div>?? ??? ??? ??? ?<div data-options="title:'系統菜單'">面板二</div>?? ??? ??? ?</div>?? ??? ?</div>?? ??? ?<div data-options="region:'center'">?? ??? ??? ?<!--選項卡面板-->?? ??? ??? ?<div id="mytabs" class="easyui-tabs" data-options="fit:true">?? ??? ??? ??? ?<div data-options="title:'選項卡面板'">選項卡面板一</div>?? ??? ??? ??? ?<div data-options="title:'選項卡面板一'">選項卡面板二</div>?? ??? ??? ?</div>?? ??? ?</div>?? ??? ?<div data-options="region:'east'" style="width: 80px;">東部地區</div>?? ??? ?<div data-options="region:'south'" style="height: 80px;">南部地區</div>?? ?</body></html>??? //2,提供ztree屬性菜單數據這個地方看看錯了沒?
添加回答
舉報
0/150
提交
取消