***怎样在jsp中实现一个树型的结构***

Question

这里是个JS文件。适当修改就可以了。//对象的定义
function menuItem(sort,degree,txt,uri){
this.sort=sort;
this.degree=degree;
this.txt=txt;
this.uri=uri;
} function ax(size){
this.length=size;
for(var x=1 ;x<=size;x++)
this[x]="";
return;
}

//数据模拟var list=new ax(5);
var idx=0;
idx++;
list[idx]=new menuItem(0,1,"数据平台子系统",'#');
idx++;
list[idx]=new menuItem(0,2,"日常业务",'#');
idx++;
list[idx]=new menuItem(1,3,"凭证录入",'WtBuild.jsp');
idx++;
list[idx]=new menuItem(1,3,"凭证查询",'WtBuild.jsp?do=search');
idx++;
list[idx]=new menuItem(1,3,"报表打印",'RepLoc.jsp');
    
    //样式定义
var msS="style='cursor:hand;'";
var pClass="q1";
var cClass="t-2"; var cImg="images/jj.gif";
var eImg="images/j.gif"; var lineBg='images/left__body_bg.gif';
var lineImg='images/zzz-1.gif';
//标记库
var menuDivID=0;
//函数库
//展开层
function expand(x) { com="d=document.all.menuitem"+x+".style.display";
eval(com);
if (d=='')
com="document.all.menuitem"+x+".style.display='none'";
else
com="document.all.menuitem"+x+".style.display=''";
eval(com)
//更改图片
changeImg(x)
} //关闭所有。
function collapseAll(len) {
for (i=0; i<len+1; i++) {
com="document.all.menuitem"+i+".style.display='none'";
eval(com);
}
} //改变图片
function changeImg(x) {
com='d=document.all.menuitem'+x+'.style.display'; eval(com);
if(d==''){
com="document.all.img"+x+".src='" +eImg + "'";
}else{
com="document.all.img"+x+".src='" +cImg + "'";
}
eval(com);
return true;
}


//主函数
function main(count){
if((null==list)||(null==list[count])){
return false;
}
//判断项目种类
var divWC=0;
if(0==list[count].sort){
//生成容器项目
creatContain(count); }else{
//生成结点项目
creatPoint(count);
}
if(list.length==count){
divWC=list[count].degree-1;
}else{
            if(0==list[count].sort){
                divWC=list[count].degree-list[count+1].degree + 1;
            }else{
                divWC=list[count].degree-list[count+1].degree;
            }
}
dealDiv(divWC);
main(++count);
} function creatContain(count){
document.write("<table width=100% border=0 cellpadding=0 >");
document.write("<tr><td style='cursor:hand;' onClick='expand(" + menuDivID + ")' class=" + pClass + ">");
for(i=0;i<list[count].degree;i++){
document.write("&nbsp;&nbsp;");
}
document.write(list[count].txt); document.write("<img src=" + cImg + " border=0 id='" + "img" + menuDivID +"'>");
//creatLine();
document.write("</td></tr></table>");
document.write("<div id='menuitem" + menuDivID + "' class='parent'>");
menuDivID ++;
} function creatPoint(count){
document.write("<table width=100% border=0 cellpadding=0 >");
document.write("<tr><td class=" + cClass + ">");
for(i=0;i<list[count].degree;i++){
document.write("&nbsp;&nbsp;");
}
document.write("<a href=" + list[count].uri + " class=" + cClass +">"); document.write("<font size=0>◆  </font> " + list[count].txt);
document.write("</a></td></tr></table>");
} function dealDiv(divWC){ for(i=0;i<divWC;i++){
document.write("</div>");
}
} function creatLine(){
document.write("<tr><td background='" + lineBg + "' >");
document.write("<img src='" + lineImg + "' width='1' height='1'></td></tr>");
}
main(1);
collapseAll(menuDivID-1);
list=null;