麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久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"    }]


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 精品国产一区二区三区四区在线 | 欧美成人精品一区二区三区 | 欧美日日操 | 国产无遮挡一区二区三区毛片日本 | 精品国产一区二区三区在线观看 | 久久不射电影 | 国产毛片在线看 | 成年人精品视频 | 免费黄色大片网站 | 国产一级一片免费播放 | 国产精品久久久久久影院8一贰佰 | 在线播放污 | 久久久国产一级片 | 草莓福利视频在线观看 | 欧美精品成人一区二区在线观看 | 伦一区二区三区中文字幕v亚洲 | 久久精品影视 | 欧美一级毛片一级毛片 | 蜜桃视频在线入口www | 国产精品久久久久久久久久电影 | 国产午夜精品久久久久婷 | 国产精品久久久久久影视 | 精品国内视频 | 一区二区三区国产视频 | www.成人在线视频 | 国产孕妇孕交大片孕 | 黄色网址进入 | 毛片在哪里看 | 国产精品久久久久久久久久尿 | 伊人一二三四区 | 九色国产| 高清国产免费 | 久久久久国产一区二区三区不卡 | 色婷婷久久久久久 | 日本欧美中文字幕 | 精品国产一区二区亚洲人成毛片 | 人成免费a级毛片 | 亚洲视频观看 | 欧美黄色免费视频 | 亚洲人成网站免费播放 | 羞羞的视频在线观看 |