javascript樹形菜單代碼的簡(jiǎn)單介紹
比如,服務(wù)器組裝好的json數(shù)據(jù) id#39001#39,nodeMsg#39節(jié)點(diǎn)1#39 這個(gè)是ajax成功之后的回調(diào) functionxhr var o = eval#39#39 + xhrresponseText + #39#39alertoid + #39#39 + onodeMsg。
1級(jí)結(jié)構(gòu)可以這樣輸出var treeData=lt%menu menus=menusessiongetAttributequotmenuquotint cou=menuslengthforint i=0iltcoui++a = quot,quotif i=cou1 then a=quotquot #39最后一個(gè)不輸出逗號(hào)%。
fa1ccahtml 代碼我都已經(jīng)寫好了,你復(fù)制就行了,當(dāng)然,也有一些解釋,應(yīng)該可以看懂的我那個(gè)效果,是javascript。
以前用dtree寫過(guò)一個(gè),先把你數(shù)據(jù)庫(kù)數(shù)據(jù)查出來(lái),重點(diǎn)是確定父id跟子id都已經(jīng)分好了,然后剩下的主要是在jsp里寫樹菜單就好了給你參考下,下面那兩個(gè)文件你可能沒(méi)有,不過(guò)應(yīng)該可以在網(wǎng)上下載的 展開(kāi) 關(guān)閉 d =。
jsp動(dòng)態(tài)樹形菜單須用到遞歸算法,比如在數(shù)據(jù)庫(kù)有張表,parent表,parent的字段有id,name,depth,leve,ID自增,depth設(shè)置為級(jí)數(shù),如這條數(shù)據(jù)最大,為0,如為字菜單就為1,而leve就指定它父節(jié)點(diǎn)的id,給段代碼自己可以摸索下。
這是一段使用jQuery庫(kù)的JavaScript代碼片段,如果菜單中超鏈接的URL與當(dāng)前頁(yè)面的URL匹配,則將“menu_hover”類添加到菜單中的超鏈接的父元素中,以突出顯示或激活該菜單項(xiàng)代碼使用 $documentready 函數(shù)確保文檔加載。
前幾天用非常規(guī)方法實(shí)現(xiàn)了一個(gè)山寨版樹形菜單如下lt!DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot。
我看你的數(shù)據(jù)有3級(jí)樹結(jié)構(gòu),你的session里的數(shù)據(jù)也是3級(jí)么1級(jí)結(jié)構(gòu)可以這樣輸出var treeData=lt%menu menus=menusessiongetAttributequotmenuquotint cou=menuslengthforint i=0iltcoui++a = quot,quot。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。