<!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">?? ??? ??? ?//?? ??? ??? ?頁面加載后執(zhí)行?? ??? ??? ?$(function(){?? ??? ??? ??? ?// 1、 進(jìn)行ztree菜單設(shè)置 ?? ??? ??? ??? ?var setting = {?? ??? ??? ??? ??? ?data: {?? ??? ??? ??? ??? ??? ?simpleData: {?? ??? ??? ??? ??? ??? ??? ?enable: true // 支持簡單json數(shù)據(jù)格式?? ??? ??? ??? ??? ??? ?}?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?}?? ??? ??? ??? ?};?? ??? ??? ??? ?//2,提供ztree屬性菜單數(shù)據(jù)?? ??? ??? ??? ?var zNodes = [?? ??? ??? ??? ??? ?{id=1,pid:0,name:"父節(jié)點(diǎn)一"},?? ??? ??? ??? ??? ?{id=2,pid:0,name:"父節(jié)點(diǎn)二"},?? ??? ??? ??? ??? ?{id=11,pid:1,name:"子節(jié)點(diǎn)一"},?? ??? ??? ??? ??? ?{id=12,pid:1,name:"子節(jié)點(diǎn)二"},?? ??? ??? ??? ??? ?{id=13,pid:2,name:"子節(jié)點(diǎn)三"},?? ??? ??? ??? ??? ?{id=14,pid:2,name:"子節(jié)點(diǎn)四"}?? ??? ??? ??? ?];?? ??? ??? ??? ??? ?//3,生成菜單.?? ??? ??? ??? ??? ?$.fn.zTree.init($("#baseMenu"), setting, zNodes);?? ??? ??? ?});?? ??? ?</script>?? ?</head>?? ?<body class="easyui-layout">?? ??? ?<div data-options="region:'north',title:'傳智播客系統(tǒng)'" style="height: 100px;">北部地區(qū)</div>?? ??? ?<div data-options="region:'west',title:'菜單導(dǎo)航'" style="width: 180px;">?? ??? ??? ?<!--折疊面板-->?? ??? ??? ?<div class="easyui-accordion" data-options="fit:true">?? ??? ??? ??? ?<div data-options="title:'基礎(chǔ)菜單'">?? ??? ??? ??? ??? ?<!--通過ztree插件,制作樹菜單-->?? ??? ??? ??? ??? ?<ul id="baseMenu" class="ztree"></ul>?? ??? ??? ??? ?</div>?? ??? ??? ??? ?<div data-options="title:'系統(tǒng)菜單'">面板二</div>?? ??? ??? ?</div>?? ??? ?</div>?? ??? ?<div data-options="region:'center'">?? ??? ??? ?<!--選項(xiàng)卡面板-->?? ??? ??? ?<div id="mytabs" class="easyui-tabs" data-options="fit:true">?? ??? ??? ??? ?<div data-options="title:'選項(xiàng)卡面板'">選項(xiàng)卡面板一</div>?? ??? ??? ??? ?<div data-options="title:'選項(xiàng)卡面板一'">選項(xiàng)卡面板二</div>?? ??? ??? ?</div>?? ??? ?</div>?? ??? ?<div data-options="region:'east'" style="width: 80px;">東部地區(qū)</div>?? ??? ?<div data-options="region:'south'" style="height: 80px;">南部地區(qū)</div>?? ?</body></html>??? //2,提供ztree屬性菜單數(shù)據(jù)這個(gè)地方看看錯(cuò)了沒?
添加回答
舉報(bào)
0/150
提交
取消