树的显示速度很慢,贴一下代码,分析交流一下.

页面代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.util.List"%>
<%@ page import="com.prpsdc.infosystem.util.TreeUtil"%>
<html>
<body onload="setPreviewHight()">
<script type="text/javascript" src="js/menu.js"></script>
<script language="javascript">
      function add(){
      frames["iframe1"].document.forms["menu"].submit();
      }
</script>
<SCRIPT LANGUAGE="JavaScript" src="js\ClassTree.js"></SCRIPT>
<form name="menuUser" method="post" target="iframe1">
<div align='left'>
<table width="330" border="1">
<tr >
<td>
<div style="overflow:scroll;width:180;height:350" id="orgUserTreePreview">
<%
List list1 = (List)request.getAttribute("orgTree");
//生成树状列表
String orgJs = TreeUtil.getOrgUserTreeTarget(this.getServletContext(),list1,false,"systemRightPreview.do?type=sysmenu");
out.print(orgJs);
%>
</div></td>
<td width=100>
</td>
<td align='center'>
<iframe id="iframe1"src="" name="iframe1" width="230" marginwidth="0"  marginheight="0" scrolling="no" frameborder="0"> </iframe>
</td>
</tr>
</table>
<br>
<input type="hidden" id="id" name="returnValueId" value="">
<input type="hidden" id="name" name="returnValueName" value="">
</div>
</form>
</body>
</html>
String orgJs = TreeUtil.getOrgUserTreeTarget(this.getServletContext(),list1,false,"systemRightPreview.do?type=sysmenu");
主要是这个从服务器返回来很慢.import java.util.Collections;
import java.util.Comparator;
import java.util.Iterator;
import java.util.List;
import java.util.Vector;import javax.servlet.ServletContext;import com.prpsdc.infosystem.domain.Account;
import com.prpsdc.infosystem.domain.Menu;
import com.prpsdc.infosystem.domain.Organization;
import com.prpsdc.infosystem.domain.Role;
import com.prpsdc.infosystem.domain.SysType;
import com.prpsdc.infosystem.domain.logic.OfficeService;
import com.prpsdc.infosystem.domain.logic.RoleService;
import com.prpsdc.infosystem.domain.logic.SystemParamService;
import com.prpsdc.infosystem.domain.logic.UserService;public class TreeUtil {
public static final int ORGANIZATION_USER_TREE = 1;
public static final int SYSTEM_MENU_TREE = 2;

private static final String ORGANIZATION_ROOT = "组织架构";
private static final String SYSTEM_MENU_ROOT = "系统菜单";public static String getOrgUserTreeTarget(ServletContext servletContext , List list , boolean check ,String userUrl){
StringBuffer script = new StringBuffer();
boolean root = false;
int id=0;
if (list != null){
for ( Iterator iterator = list.iterator(); iterator.hasNext(); ){
Organization org = (Organization)iterator.next();
if (!root){
script.append("<SCRIPT LANGUAGE='JavaScript'> \n");
script.append(" \n");
script.append(" </SCRIPT> \n");
}

return script.toString();
}}下面是js
function CreateRootTarget(mId,Title,Url)
{
var TreeId
TreeId=mId
if(eval("window.TMNode_"+mId))
{
alert("<?????>\n????Id???")
return null
}
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"TMStyle\">"
str+="<tr>"
//str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"if(TMRoot_"+mId+"_Tr.style.display==''){TMRoot_"+mId+"_Tr.style.display='none';}else{TMRoot_"+mId+"_Tr.style.display=''}\"><img id=\"TMRoot_"+mId+"_Img\" src='images\\leaf1.gif'></span> <a href='"+ Url +"' target='iframe1'>" + Title + "</a></td>"
if (Url != "#")
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"if(TMRoot_"+mId+"_Tr.style.display==''){TMRoot_"+mId+"_Tr.style.display='none';}else{TMRoot_"+mId+"_Tr.style.display=''}\"><img id=\"TMRoot_"+mId+"_Img\" src='images\\leaf1.gif'></span> <a href='"+ Url +"' target='iframe1'>" + Title + "</a></td>"
else
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"if(TMRoot_"+mId+"_Tr.style.display==''){TMRoot_"+mId+"_Tr.style.display='none';}else{TMRoot_"+mId+"_Tr.style.display=''}\"><img id=\"TMRoot_"+mId+"_Img\" src='images\\leaf1.gif'></span> " + Title + "</td>"

str+="</tr>"
str+="<tr style=\"display:\" id=\"TMRoot_"+mId+"_Tr\">"
str+="<td width=\"1%\" align=\"right\"  valign=\"top\">   </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"\"></td>"
str+="</tr>"
str+="</table>"
document.write(str); this.CreateNode=function (Id,pId,Title,Url){
var pNode=null
if(pId==-1){
pNode=eval("window.TMNode_"+mId)
}else{
pNode=eval("window.TMNode_"+mId+"_"+pId)
}
if(pNode!=null)
{
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
str+="<tr> "
//str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'),eval('window.TMNode_"+Id+"_Img'))\"> <img id=\"TMNode_"+Id+"_Img\" src='images\\midplus.gif'> </span> <a href='"+ Url +"'  target='iframe1'>" + Title + "</a> </td>"
if (Url != "#")
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'),eval('window.TMNode_"+Id+"_Img'))\"> <img id=\"TMNode_"+Id+"_Img\" src='images\\midplus.gif'> </span> <a href='"+ Url +"'  target='iframe1'>" + Title + "</a> </td>"
else
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'),eval('window.TMNode_"+Id+"_Img'))\"> <img id=\"TMNode_"+Id+"_Img\" src='images\\midplus.gif'> </span> " + Title + " </td>"

str+="</tr>"

str+="<tr style=\"display:none\" id=\"TMNode_"+mId+"_"+Id+"_tr\">"
str+="<td width=\"1%\" align=\"right\">  </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"_"+Id+"\"></td>"
str+="</tr>"

str+="</table>"
pNode.innerHTML+=str
}
}
return this
}

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

运行后页面生成js脚本<SCRIPT LANGUAGE='JavaScript'>

</SCRIPT>
to nighthawk(我们孤单，我们并肩) 同感！
效率低下是必然的，一次从数据库全部读出当然效率低下
可采用ajax，先读出父节点，然后按需读出子节点
晕,关键是现在没有用到ajax.数据处理速度到不是很慢,数据量不是很大.static String getOrgUserTreeTarget  返回字符串到页面非常慢.
String orgJs = TreeUtil.getOrgUserTreeTarget(this.getServletContext(),list1,false,"systemRightPreview.do?type=sysmenu");
是否跟这有一定关系.
从网上下了一个dtree的代码
example.jsp显示树
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Destroydrop » Javascripts » Tree</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">

</script>
</div>
</body>
</html>
但是如果把这些代码放到模式对话框中，点+号的时候就弹出了一个新的窗口(地址栏为javascript:%20d.o(11);)，请问是哪里出了问题啊?
你这种我见到过了,
我们有一种树和你的差不多,
是组织结构树,
当人员起过五百个的时候,
页面会提示说,脚本太大不能运行,
后来改用XML做的树,
先放到XML文件中,在点击一次读取一层就好了
从网上下了一个dtree的代码
example.jsp显示树
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Destroydrop » Javascripts » Tree</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">

</script>
</div>
</body>
</html>
但是如果把这些代码放到模式对话框中，点+号的时候就弹出了一个新的窗口(地址栏为javascript:%20d.o(11);)，请问是哪里出了问题啊?这个问题大家遇到过没有.
用js读取树型是没办法快的，用微软的控件还稍微可以提高一点速度。用ajax才是真正解决办法。
而且看楼主发的运行后页面生成的js脚本,里面的数据量很少,绝对不是JS脚本本身处理的效率和极限的问题. 肯定是取数据的语句无谓的嵌套了,以及放入的记录集对象的模式不节约.
上面那个 dtree  模式窗口问题大家遇到过没有
<base target="_self"> 加入这就行了,问题已经解决