You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
2.9 KiB
94 lines
2.9 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
<title> </title>
|
||
|
|
|
||
|
|
<link href="../../layui/css/layui.css" rel="stylesheet" type="text/css" />
|
||
|
|
<link rel="stylesheet" href="../../css/ztree/metro/ztree.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
<ul id="ztree" class="ztree">
|
||
|
|
</ul>
|
||
|
|
<script src="../../layui/layui.js"></script>
|
||
|
|
<script src="../../js/ztree.js" type="text/javascript"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
layui.config({
|
||
|
|
base: '../../js/'
|
||
|
|
}).use(['ztree', 'layer'], function () {
|
||
|
|
var $ = layui.jquery,
|
||
|
|
layer = layui.layer;
|
||
|
|
|
||
|
|
//
|
||
|
|
var $zTree;
|
||
|
|
var $zTreeFlag = true;
|
||
|
|
var $setting = {
|
||
|
|
// roots: { id: "-1", name: "aa" },
|
||
|
|
async: {
|
||
|
|
enable: true,
|
||
|
|
url: "../../ashx/ToTreeHandler.ashx",
|
||
|
|
autoParam: ["id"],
|
||
|
|
otherParam: { Action: "AreaNodeTree"},
|
||
|
|
type: "post"
|
||
|
|
},
|
||
|
|
callback: {
|
||
|
|
onAsyncSuccess: onAsyncSuccess
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
key: { name: "name" },
|
||
|
|
simpleData: { enable: true, rootPId: -1 }
|
||
|
|
},
|
||
|
|
check: {
|
||
|
|
enable: true
|
||
|
|
}
|
||
|
|
};
|
||
|
|
//初始化树
|
||
|
|
$(function () {
|
||
|
|
// var zNodes = [{ name: "行政区划", id: "-1", pid: "0", isParent: true}];
|
||
|
|
$.post("../../ashx/ToTreeHandler.ashx", {
|
||
|
|
Action: "UserLowerAreaNodeTree",
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
$zTree = $.fn.zTree.init($("#ztree"), $setting,res);
|
||
|
|
|
||
|
|
//延迟展开根节点
|
||
|
|
setTimeout(function () {
|
||
|
|
var nodes = $zTree.getNodes();
|
||
|
|
if (nodes.length > 0) {
|
||
|
|
$zTree.expandNode($zTree.getNodes()[0], true, false, false);
|
||
|
|
}
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
//每次加载节点触发的方法
|
||
|
|
function onAsyncSuccess(event, treeId, treeNode, msg) {
|
||
|
|
//递归展开子节点
|
||
|
|
// if (treeNode != undefined) {
|
||
|
|
// expandNodes(treeNode.children, "ztree");
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
|
||
|
|
//递归展开子节点
|
||
|
|
function expandNodes(nodes, treeId) {
|
||
|
|
if (!nodes) return;
|
||
|
|
var zTree = $.fn.zTree.getZTreeObj(treeId);
|
||
|
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
||
|
|
zTree.expandNode(nodes[i], true, false, false);
|
||
|
|
if (nodes[i].isParent && nodes[i].zAsync) {
|
||
|
|
expandNodes(nodes[i].children, treeId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|