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樹形展開相關的內容