溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

根據(jù)ID、父ID來(lái)排序的JS樹

發(fā)布時(shí)間：2020-08-09 08:49:16 來(lái)源：ITPUB博客 閱讀：210 作者：chenyinan119 欄目：編程語(yǔ)言
根據(jù)ID、父ID來(lái)排序的JS樹

// 得到接點(diǎn)
var datas = sFileName.selectNodes("datas/data") ;
var list = new Array() ;
var data = new Array() ;
for( var i = 0 ; i < datas.length ; i++ ){
if( datas[i].getAttribute( "類型" ) == "文件夾" ){
list.push( datas[i] ) ;
} else {
data.push( datas[i] ) ;
}
}
// 設(shè)置初始的父號(hào)
var fatherNo = -1 ;
// 顯示目錄
showTreeList( tree , fatherNo , datas ,list , data , null ,"") ;

// 改變圖片和隱藏顯示DIV
function expand( div , img ){
if( div.style.display == "block" ){
div.style.display = "none" ;
img.src = "images/pic/skin_NLine/closed.gif" ;
} else {
div.style.display = "block" ;
img.src = "http://blog.itpub.net/13428095/viewspace-1000879/images/pic/skin_NLine/opened.gif" ;
}

}

// 遞歸顯示樹
function showTreeList( tree , fatherNo , datas ,list , data , currentNode , listStrblank2 ) {
// 創(chuàng)建一個(gè)DIV
var treediv = document.createElement("div");
var isdisplay = "1" //節(jié)點(diǎn)的狀態(tài) 默認(rèn)為顯示狀態(tài)
treediv.id = "treediv" + isdisplay + fatherNo ;
if( currentNode ){
tree.innerHTML += listStrblank2 + "" + currentNode.getAttribute( "組名稱" ) + "
" ;
}
treediv.style.display = "block";
document.getElementById("MonitorObject").appendChild( treediv );

// 如果currentNode存在則顯示組名稱

var l = isChildList( fatherNo , list ) ;
// 如果有子目錄，則在次循環(huán).沒有則判斷是否有信息
if( l.length != 0 ){
listStrblank2 += "  " ;
for( var j = 0 ; j < l.length ; j++ ){
showTreeList( treediv , l[j].getAttribute( "id" ) , datas ,list , data , l[j] , listStrblank2 ) ;
}
}

var d = isChildData( fatherNo , data ) ;
// 如果有子信息，則在次循環(huán).沒有則判斷是否有信息
if( d.length != 0 ){
for( var j = 0 ; j < d.length ; j++ ) {
treediv.innerHTML += listStrblank2 + "" + "美女" + "
" ;
}
}
tree.appendChild(treediv) ;
}

// 判斷是否有子文件夾
function isChildList( fatherNo , lists ){
// 定義一個(gè)保存子目錄的對(duì)象
var l = new Array() ;
// 循環(huán)找其子目錄
for( var i = 0 ; i < lists.length ; i++ ) {
// 如果父編號(hào)和父號(hào)相同，則保存
if( lists[i].getAttribute( "父編號(hào)" ) == fatherNo ) {
l.push( lists[i] ) ;
}
}
return l ;
}

// 判斷是否有子信息
function isChildData( fatherNo , datas ){
var d = new Array() ;
for( var i = 0 ; i < datas.length ; i++ ) {
if( datas[i].getAttribute( "父編號(hào)" ) == fatherNo ) {
d.push( datas[i] ) ;
//alert(datas[i].getAttribute( "對(duì)象屬性" )) ;
}
}
return d ;
}
根據(jù)ID、父ID來(lái)排序的JS樹[@more@]
向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手