jquery的导航页面八(nodeDocPage.jsp续)-CSDN博客

本文链接：https://blog.csdn.net/conquer0/article/details/83667092

本文介绍了一个用于刷新子节点列表的JavaScript函数。该函数通过解析传入的数据对象来动态生成和更新DOM元素，实现子节点列表的展示。适用于需要动态加载和更新导航结构的Web应用程序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//刷新子节点列表
function loadChildNodes(node, data) {
var children = $("div#navi_subnode_div");
var visibility = "visible";
children.empty();

var curLevel=parseInt($(node).attr("level"));
var childNodes;
childNodes = data.childNodes;
if (childNodes.length == 0) {
visibility = "hidden";
}

var tableNode = $("<table style='table-layout: fixed;' border='0' cellpadding='0' cellspacing='4'></table>");
var nodeArray = sortSubnodes(childNodes);

for(var i=0;i<nodeArray.length;i++){
var tr = $("<tr></tr>");
for(var j=0;j<nodeArray[i].length;j++){
if (nodeArray[i][j] != null) {
tr.append("<td valign='top' width='18px'><img src='/support/images/NavigationBar/folder.gif'></td><td style='vertical-align: top;'><div class='child_node_cell'><a id='"+nodeArray[i][j].item_id+"' href='#' level='"+nodeArray[i][j].level+"' class='child_nodes_area' οnclick='addNavigationItem(this); return false;'>"+nodeArray[i][j].item_name+"</a></div></td>");
} else {
tr.append("<td valign='top' width='18px'></td><td class='child_node_cell'></td>");
}
}
tableNode.append(tr);
}

children.append(tableNode);

if (visibility == "visible") {
$("#navi_subnode_div").show();
} else {
$("#navi_subnode_div").hide();
}

// 显示文档列表，一定要放在本function的最后执行
showDocs(node, data, true);

}