web树形展开_java web 树形结构设计

1. web上显示部门人员的拓扑树形结构图，java

这只能用DIV和javascript去实现了，javascript可以画图的，用来画线，方块可用div+table实现，数据就从库里面读吧

2. web树目录、select

析报错信息,提示是说对象属性不匹配,但你说前面都能执行,那么就只有两种情况:
1，在你执行select操作的时候,被测页面改变了,该WebList不存在指定的page下了
2，在你执行select操作的时候,该WebList的识别属性变化了

调试方法:执行到select操作那一步,然后在对象库中找到该WebList,点击highlight,看是否能找到该对象;也可以用spy查看当前WebList的对象属性,与对象库中的是否有差别

3. javaweb里面树形结构（tree）

这个是java中的forEach循环，和

for(inti=0;i<10;i++){...}

还是有点区别的。有问题可以继续问。

4. java web 树形结构设计

类似的插件很多前台引入后其实只需要关心后台的json或者xml结构，比如：
jstree、ztree、easyui tree等等

5. 网页树形折叠菜单制作

JavaScript Code： function Ob(o){ var o=document.getElementById(o)?document.getElementById(o):o; return o; } function Hd(o) { Ob(o).style.display="none"; } function Sw(o) { Ob(o).style.display=""; } function ExCls(o,a,b,n){ var o=Ob(o); for(i=0;i<n;i++) {o=o.parentNode;} o.className=o.className==a?b:a; } function CNLTreeMenu(id,TagName0) { this.id=id; this.TagName0=TagName0==""?"li":TagName0; this.AllNodes = Ob(this.id).getElementsByTagName(TagName0); this.InitCss = function (ClassName0,ClassName1,ClassName2,ImgUrl) { this.ClassName0=ClassName0; this.ClassName1=ClassName1; this.ClassName2=ClassName2; this.ImgUrl=ImgUrl || "css/s.gif"; this.ImgBlankA ="<img src=\"css/s.gif\" class=\"s\" onclick=\"ExCls(this,'"+ClassName0+"','"+ClassName1+"',1);\" alt=\"展开/折叠\" />"; this.ImgBlankB ="<img src=\"css/s.gif\" class=\"s\" />"; for (i=0;i<this.AllNodes.length;i++ ) { this.AllNodes[i].className==""?this.AllNodes[i].className=ClassName1:""; this.AllNodes[i].innerHTML=(this.AllNodes[i].className==ClassName2?this.ImgBlankB:this.ImgBlankA)+this.AllNodes[i].innerHTML; } } this.SetNodes = function (n) { var sClsName=n==0?this.ClassName0:this.ClassName1; for (i=0;i<this.AllNodes.length;i++ ) { this.AllNodes[i].className==this.ClassName2?"":this.AllNodes[i].className=sClsName; } } } CSS Code： .CNLTreeMenu img.s {cursor:pointer;vertical-align:middle;} .CNLTreeMenu ul {padding:0;} .CNLTreeMenu li {list-style:none;padding:0;} .Closed ul {display:none;} .Child img.s {background:none;cursor:default;} #CNLTreeMenu1 ul {margin:0 0 0 17px;} #CNLTreeMenu1 img.s {width:20px;height:15px;} #CNLTreeMenu1 .Opened img.s {background:url(skin1/opened.gif) no-repeat 0 0;} #CNLTreeMenu1 .Closed img.s {background:url(skin1/closed.gif) no-repeat 0 0;} #CNLTreeMenu1 .Child img.s {background:url(skin1/child.gif) no-repeat 3px 5px;} #CNLTreeMenu2 ul {margin:0 0 0 17px;} #CNLTreeMenu2 img.s {width:17px;height:15px;} #CNLTreeMenu2 .Opened img.s {background:url(skin2/opened.gif) no-repeat 4px 6px;} #CNLTreeMenu2 .Closed img.s {background:url(skin2/closed.gif) no-repeat 3px 6px;} #CNLTreeMenu2 .Child img.s {background:url(skin2/child.gif) no-repeat 3px 5px;} #CNLTreeMenu3 ul {margin:0 0 0 17px;} #CNLTreeMenu3 img.s {width:34px;height:18px;} #CNLTreeMenu3 .Opened img.s {background:url(skin3/opened.gif) no-repeat 0 1px;} #CNLTreeMenu3 .Closed img.s {background:url(skin3/closed.gif) no-repeat 0 1px;} #CNLTreeMenu3 .Child img.s {background:url(skin3/child.gif) no-repeat 13px 2px;} html code: <p>  </p> <div class="CNLTreeMenu" id="CNLTreeMenu1"> <h4>CNL Tree Menu1</h4> <p><a id="AllOpen_1" href="#" onclick="MyCNLTreeMenu1.SetNodes(0);Hd(this);Sw('AllClose_1');">全部展开</a><a id="AllClose_1" href="#" onclick="MyCNLTreeMenu1.SetNodes(1);Hd(this);Sw('AllOpen_1');" style="display:none;">全部折叠</a></p> <ul> <li class="Opened"><a href=" http://www.iecn.net ">IECN.Net</a> <ul> <li><a href="#1">技术区</a> <ul> <li><a href="#">网页技术</a> <ul> <li class="Child"><a href="#">JavaScript</a></li> <li class="Child"><a href="#">HTML/XHTML/CSS</a></li> <li class="Child"><a href="#">Ajax</a></li> <li class="Child"><a href="#">网页制作工具</a></li> <li class="Child"><a href="#">设计/图形</a></li> <li class="Child"><a href="#">Flash/多媒体</a></li> <li class="Child"><a href="#">VML/Web3D</a></li> </ul></li> <li><a href="#">Web编程</a> <ul> <li class="Child"><a href="#">Java</a></li> <li class="Child"><a href="#">.Net</a></li> <li class="Child"><a href="#">ASP/VBScript</a></li> <li class="Child"><a href="#">PHP</a></li> <li class="Child"><a href="#">Perl/Python</a></li> <li class="Child"><a href="#">Web综合/开源</a></li> </ul></li> <li><a href="#">数据库</a> <ul> <li class="Child"><a href="#">Access/SQLServer</a></li> <li class="Child"><a href="#">MySQL/PostgreSQL</a></li> <li class="Child"><a href="#">Oracle/DB2/Sybase</a></li> </ul></li> <li><a href="#">服务器</a> <ul> <li class="Child"><a href="#">Windows/IIS</a></li> <li class="Child"><a href="#">Unix/Linux/Apache</a></li> <li class="Child"><a href="#">应用服务器</a></li> </ul></li> </ul></li> <li><a href="#1">二级目录</a> <ul> <li><a href="#">三级目录</a> <ul> <li><a href="#">四级目录</a> <ul> <li><a href="#">五级目录</a> <ul> <li><a href="#">......</a> <ul> <li><a href="#">第n级目录</a> <ul> <li class="Child"><a href="#">叶结点1</a></li> <li class="Child"><a href="#">叶结点2</a></li> <li class="Child"><a href="#">叶结点3</a></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> <li><a href="#1">二级目录</a> <ul> <li><a href="#">三级目录</a> <ul> <li><a href="#">四级目录</a> <ul> <li><a href="#">五级目录</a> <ul> <li><a href="#">......</a> <ul> <li><a href="#">第n级目录</a> <ul> <li class="Child"><a href="#">叶结点1</a></li> <li class="Child"><a href="#">叶结点2</a></li> <li class="Child"><a href="#">叶结点3</a></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul> </div> 

希望采纳

6. 我要在web页面中实现一个这样的树形结构效果 +XX集团 +XX公司 XX部门

使用jquery，有很多树形的插件，导进去就可以用。

7. web开发树形列表怎么设置分页

在page类中新加入path属性，用以存储每次转发的路径及携带参数。

private String path;

新建WEBUtils类，获取路径，放在新声明的url中，简便页面中的EL表达式。

public static String getPath(HttpServletRequest request){

String requestURI = request.getRequestURI();//获取请求路径

String queryString = request.getQueryString();//获取请求参数

String url = requestURI+"?"+queryString;

if(url.contains("&pageNo")){

url = url.substring(0, url.indexOf("&pageNo"));

}

return url;

}

在servlet中将WEBUtils中获取的url放入page中。

page.setPath(url)

在要显示的页面写如下代码，主要是分类进行判断。

8. java web树形菜单开发，求web高手~~

呵呵，你可以看一下easyUI框架的功能。
如果非要自己写的话：大体就是这样的：
<ul>
<li id="ts">图书
<ul id="tsts"><li id="kx">科学类</li><li id="wx">文学类</li></ul>

</li>
<li id="yx">影像</li>
</ul>
其他的自己嵌套进去就可以了；
然后主要是在js里的处理：
$(functoin(){
var tsts = 0;
$("#tx").click(functon(){
if(tsts==0){
//this.child.display=none;具体设置属性的方法你看一下是不是这样的。
$("#tsts").css("display":"none");
tsts = 1;

} else{
$("#tsts").css("display":"block");
tsts = 0;
}
});
});
好吧，结构大体就是这样的了。还有那个加减号的变化你自己看一下。也要绑定的单击事件里面。

9. WebTree Maker生成的树形目录脚本怎么让他默认展开文件夹

有个属性滴,忘记了,

web树形展开

与web树形展开相关的内容