麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

zTree 實例

2024-04-27 15:18:48
字體:
來源:轉載
供稿:網友

頁面:

<body>    <div class="wrapper">        <div class="maps">            <div class="map">當前位置:</div>            <div class="links">                <a href="javascript:;">首頁</a>                <span>></span>                <a href="Javascript:;">菜單</a>            </div>        </div>        <div class="areas">            <div class="area-left fl">                <ul id="treeDemo" class="ztree"></ul>            </div>            <div class="clear"></div>        </div>    </div></body>

JS、CSS:

    <link rel="stylesheet" type="text/css" href="${StaticPath}css/common.css">    <link rel="stylesheet" type="text/css" href="${StaticPath}css/public.css">    <link rel="stylesheet" type="text/css" href="${StaticPath}css/zTreeStyle/zTreeStyle.css">    <script src="${StaticPath}js/jquery-3.1.1.min.js" type="text/javascript"></script>    <script src="${StaticPath}js/zTree/jquery.ztree.core.js" type="text/javascript"></script>    <style type="text/css">        .area-left { width: 240px; top: 40px; position: absolute; left: 0px; bottom: 0px; border-right:1px solid #ddd;}        .area-right { position: absolute; right: 0px; left: 246px; bottom: 0px; top: 40px; }        .ztree li span.button.switch.level0 { visibility: hidden; width: 1px; }        .ztree li ul.level0 { padding: 0; background: none; }    </style>    <script type="text/javascript">		var setting = {			view: {				dblClickExpand: dblClickExpand			},			data: {	            simpleData: {	                enable: true,	                pIdKey: "Pid",	                idKey: "id"	            },                key: {                    checked: "CHECKED",                    name:"name"                }			}		};		var zNodes = ${menu};		function dblClickExpand(id, treeNode) {			return treeNode.level > 0;		}		$(document).ready(function(){			$.fn.zTree.init($("#treeDemo"), setting, zNodes);		});    </script>

后臺代碼:

		List<SysModule> smList = sysModuleService.getSysModuleList(queryMap);		String menustr="";		int i=0;		menustr+= "[";		for(SysModule sm:smList){			i++;			menustr+= "{";			menustr+="id:"+sm.getModCode()+",";			menustr+="Pid:"+sm.getParentCode()+",";			menustr+="name:/""+sm.getModName()+"/",";			if(sm.getParentCode().length()==3){				menustr+="url:/""+sm.getModPath()+"/",";				if(i!=smList.size()){					menustr+="target:/""+"listFrame"+"/"},";				}else{					menustr+="target:/""+"listFrame"+"/"}";				}			}else{				if(i<smList.size()){					menustr+="open:"+"true},";				}else{					menustr+="open:"+"false}";				}			}		}		menustr+="]";		result.addObject("menu", menustr);

獲取到的結果集:
[    {        id: 1,        Pid: 0,        name: "根菜單1",        open: true    },    {        id: 111,        Pid: 1,        name: "一級菜單001",        open: true    },    {        id: 111111,        Pid: 111,        name: "二級菜單001001",        url: "null",        target: "listFrame"    },    {        id: 112,        Pid: 1,        name: "一級菜單002",        open: true    },    {        id: 112111,        Pid: 112,        name: "二級菜單002001",        url: "null",        target: "listFrame"    }]


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美综合日韩 | 国产在线看一区 | 成人羞羞视频在线观看 | 国产亚洲精品久久久久婷婷瑜伽 | 最新欧美精品一区二区三区 | 韩国三级日本三级香港三级黄 | 羞羞电影网 | 精品一区二区三区在线视频 | 久久久久久久亚洲精品 | 欧美不卡三区 | 爽爽视频免费看 | 一区二区三区视频播放 | 亚洲自拍第二页 | 欧美一级久久 | 国产精品久久久久久久久久久天堂 | 国产伦乱视频 | 国产精品午夜在线 | 久久久三级免费电影 | 色综合久久久久久久久久 | 欧美成人免费tv在线播放 | 中文字幕电影免费播放 | 国产一区毛片 | 精品一二三区视频 | 五月天堂av91久久久 | 国产免费大片视频 | 港台三级在线观看 | 日韩精品免费一区二区三区 | 国产精品午夜未成人免费观看 | 欧美成人精品一区二区 | 精品国产一区在线观看 | 九九夜夜| 日韩黄在线 | 黄色成人小视频 | 在线天堂中文字幕 | 国产91在线亚洲 | 欧美囗交 | 免费看搡女人无遮挡的视频 | 秋霞a级毛片在线看 | 夜间福利网站 | 日本欧美一区 | 精品久久www|