1.树形图调整

This commit is contained in:
wr
2024-04-23 13:25:56 +08:00
parent ac39b8c0ce
commit 50efa0ab3c
2 changed files with 203 additions and 260 deletions

View File

@@ -32,7 +32,7 @@
<%-- </button>--%> <%-- </button>--%>
<%-- <button type="button" id="resetB"--%> <%-- <button type="button" id="resetB"--%>
<%-- class="btn-primary"--%> <%-- class="btn-primary"--%>
<%-- onclick=""--%> <%-- onclick="resetTree()"--%>
<%-- style="padding: 0 5px; height: 25px; width: 55px; border-radius: 4px; border: 1px solid;display:none;">--%> <%-- style="padding: 0 5px; height: 25px; width: 55px; border-radius: 4px; border: 1px solid;display:none;">--%>
<%-- <i class="glyphicon glyphicon-refresh"></i>重置--%> <%-- <i class="glyphicon glyphicon-refresh"></i>重置--%>
<%-- </button>--%> <%-- </button>--%>

View File

@@ -275,61 +275,6 @@ function closeHigh() {
// 模糊搜索name满足条件的节点 // 模糊搜索name满足条件的节点
function searchNode(value) { function searchNode(value) {
// if (value == ""){
// resetTree()
// return;
// }
var treeObj = $.fn.zTree.getZTreeObj("tree");
var allNodes = treeObj.getNodes();
treeObj.hideNodes(allNodes);
var nodes = treeObj.getNodesByParamFuzzy("name", value);// 获取搜索的节点
closeHigh();
treeObj.expandAll(false);// 展开第一层节点
treeObj.expandNode(treeObj.getNodes()[0], true);
// 高亮并展开搜索到的节点
for (var i = 0; i < nodes.length; i++) {
if(nodes[i].nodeType == 5){
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
}else if(nodes[i].nodeType == 4){
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 3){
var a = nodes[i].getParentNode().getParentNode().getParentNode();
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 2){
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 1){
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 0){
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}
nodes[i].highlight = true;
treeObj.updateNode(nodes[i]); // 更新节点,让高亮生效
treeObj.expandNode(nodes[i].getParentNode(), true);
}
var hiddenNodes = []; var hiddenNodes = [];
var ztreeObj = $.fn.zTree.getZTreeObj("tree"); var ztreeObj = $.fn.zTree.getZTreeObj("tree");
var keyword=$("#search_value").val(); var keyword=$("#search_value").val();
@@ -345,21 +290,18 @@ function searchNode(value) {
closeHigh(); closeHigh();
treeObj.expandAll(false);// 展开第一层节点
treeObj.expandNode(treeObj.getNodes()[0], true);
// 高亮并展开搜索到的节点 // 高亮并展开搜索到的节点
for (var i = 0; i < nodes.length; i++) { for (var i = 0; i < nodes.length; i++) {
nodes[i].highlight = true; nodes[i].highlight = true;
treeObj.updateNode(nodes[i]); // 更新节点,让高亮生效 treeObj.updateNode(nodes[i]); // 更新节点,让高亮生效
if(nodes[i].nodeType == 3){
treeObj.expandNode(nodes[i], true);
}else {
treeObj.expandNode(nodes[i].getParentNode(), true); treeObj.expandNode(nodes[i].getParentNode(), true);
} }
}
treeObj.selectNode(nodes[0]); treeObj.selectNode(nodes[0]);
// treeObj.expandAll(true);
// $("#serchB").css("display", "none");
// $("#resetB").css("display", "");
} }
/** /**
* 查找子结点如果匹配模糊查询的关键字则返回false否则返回true * 查找子结点如果匹配模糊查询的关键字则返回false否则返回true
@@ -408,9 +350,9 @@ function searchParent(pNode,keyword){
return isexit; return isexit;
} }
//查找不符合条件的结点 //查找不符合条件的结点
//返回true表示需要隐藏返回false表示不需要隐藏 。 //返回true表示需要隐藏返回false表示不需要隐藏 。
function filterFunc(node){ function filterFunc(node){
var keyword=$("#search_value").val(); var keyword=$("#search_value").val();
//如果当前结点或其子节点匹配模糊查询的关键字,则该结点不隐藏 //如果当前结点或其子节点匹配模糊查询的关键字,则该结点不隐藏
if(node.name.indexOf(keyword)!=-1){ if(node.name.indexOf(keyword)!=-1){
@@ -429,7 +371,7 @@ function searchParent(pNode,keyword){
} }
} }
return true; return true;
} }
/******************************************************************************* /*******************************************************************************
* zTree操作deviceTree代码段结束 * zTree操作deviceTree代码段结束
@@ -471,6 +413,7 @@ function valueChange(value) {
closeHigh(); closeHigh();
resetTree(); resetTree();
}else{ }else{
initTree(treeAllData);
searchNode(value); searchNode(value);
} }
} }