<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" />
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery-1.11.1.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
|
<meta charset="UTF-8" />
|
<style type="text/css">
|
.ztree *{
|
font-size: 14px;
|
}
|
</style>
|
</head>
|
<body>
|
<div class='my-ztree'>
|
<ul id='menuTree' class='ztree'></ul>
|
</div>
|
</body>
|
<script th:inline="javascript">
|
/*<![CDATA[*/
|
var backstageWebRoot = [[${backstageWebRoot}]];
|
/*]]>*/
|
|
jQuery(function () {
|
/**
|
* zTree配置
|
*/
|
var setting = {
|
data: {
|
simpleData: {
|
enable: true,
|
idKey: "regionid",
|
pIdKey: "parentid",
|
rootPId: "000000"
|
},
|
key: {
|
url: "nourl",
|
name: "regionname"
|
}
|
},
|
callback: {
|
//点击节点
|
onClick: onClick
|
}
|
};
|
|
//加载菜单树
|
$.get(backstageWebRoot + "api/org/region/queryList", function (r) {
|
var data = eval(r);
|
ztree = $.fn.zTree.init($("#menuTree"), setting, data);
|
var node = ztree.getNodeByParam("regionid", "000000");
|
ztree.selectNode(node);
|
ztree.expandNode(node);
|
});
|
});
|
|
function onClick(event, treeId, treeNode, clickFlag) {
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
|
parent.$('#administrativename').val(treeNode.regionname);
|
parent.$('#administrativeid').val(treeNode.regionid);
|
parent.layer.close(index);
|
}
|
</script>
|
</html>
|
