類似 MSDN 左邊導航樹效果的實現! [JavaScript + ASP] (轉)
MSDN 和CSDN 左邊導航樹的效果都是在點選父節點時,再發出請求填充其子節點!好像網頁只重新整理部分! script + [ + Access] 實現
源:
<!-- Tree.asp -->
|
<!-- SubTree.asp -->
dim parentid
parentid = request.querystring("PID")
parentnode = request.querystring("Parentnode")
dim adoConnection
set adoConnection = Server.CreateObject("ADODB.Connection")
' adoConnection.Open "Provider=SQLOLEDB.1;Persist Security Info=False;User ID=sa;Initial Catalog=Test;Data Source=TRIATONPSQL2KE"
adoConnection.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.mappath("/dvbbs") & "Tree.mdb;Persist Security Info=False"
dim adoRecordset
set adoRecordset = Server.CreateObject("ADODB.Recordset")
adoRecordset.Open "select *,(select count(*) from tree where parentid =T.id ) as Children from tree T where parentid = " & parentid ,adoConnection
response.write adoRecordset.source
dim i
Dim SHTML
dim parentnode
parentnode = request.querystring("Pnode")
dim j
j= len(parentnode) - len(replace(parentnode,"_",""))
dim nSpace
for i=0 to j - 1
nSpace = nSpace + " "
next
i=0
do until adoRecordset.eof
shtml = shtml _
& "
& " if adoRecordset.Fields.item("Children").value >0 then
shtml = shtml & " onClick='ExpandNode(" & parentnode & "_" & i + 1 & "," & adoRecordset.Fields.item("id").value & ")'>+"
else
shtml = shtml & ">-"
end if
shtml = shtml & "n" & " if adoRecordset.Fields.item("Children").value >0 then
shtml = shtml & "onDblClick='ExpandNode(" & parentnode & "_" & i + 1 & "," & adoRecordset.Fields.item("id").value & ")'"
end if
shtml = shtml & ">" & adoRecordset.Fields.item("id").value & ": " & adoRecordset.Fields.item("remark").value & "
if adoRecordset.Fields.item("Children").value >0 then
shtml = shtml & " "
end if
i=i+1
adoRecordset.MoveNext
loop
adoRecordset.close
set adoRecordset = nothing
adoConnection.close
set adoConnection = nothing
'response.write shtml
%>
表結構:
Tree(id,parentid,remark)
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752043/viewspace-993773/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 類似 MSDN 導航樹效果 ASP.Net(C#) + JavaScript 實現! (轉)ASP.NETC#JavaScript
- 左邊分類和右邊導航的關係
- MVC左邊導航,左邊內容變,通過AJAX方法實現MVC
- 用CSS實現類似導航翻轉功能例子CSS
- 實現左側導航和橫向導航
- tpextbuilder- 左側樹形導航UI
- 【前端】javascript實現導航欄筋斗雲效果特效前端JavaScript特效
- 左側分類導航選單
- Vue.js+cube-ui(Scroll元件)實現類似頭條效果的橫向滾動導航條Vue.jsUI元件
- 採用JavaScript+XML實現具有樹形選單功能的論壇側邊導航欄JavaScriptXML
- 在鴻蒙中實現類似瀑布流效果鴻蒙
- 在Asp.Net中實現類似DWR的功能ASP.NET
- C# 簡單反射實現winform左側樹形導航,右側切換內容C#反射ORM
- JS實現 類似圖片3D效果JS3D
- 商城側欄導航效果實現詳解
- Laravel 小技巧 - 讓路由實現類似 Model::query 的效果Laravel路由
- js實現的響應式導航選單效果JS
- 使用 JavaScript 實現靈活的固定導航功能JavaScript
- Android中使用RecyclerView + SnapHelper實現類似ViewPager效果AndroidViewpager
- QT實現類似於網頁step 選單效果QT網頁
- vue2.0實現底部導航切換效果Vue
- 實現類似IE的列印網頁功能 (轉)網頁
- 用JavaScript實現動畫效果 (轉)JavaScript動畫
- 不用匯入SDK就可實現導航--URI方式跳轉到各類地圖進行導航地圖
- JavaScript橫向二級導航選單效果JavaScript
- css實現立體效果橫向導航選單CSS
- Win10 隱藏左側邊側欄(導航視窗)中的資料夾Win10
- 拖動滾動條實現側欄導航定位效果
- javascript樹形導航選單例項程式碼JavaScript單例
- Javascript 類與靜態類的實現-js物件導向JavaScriptJS物件
- javascript底部具有跟隨效果的橫向導航選單JavaScript
- 兩步實現類似格瓦拉的轉場動畫動畫
- css實現的交叉邊框效果CSS
- CSS3邊框旋轉動畫實現效果CSSS3動畫
- Flutter 實現類似美團外賣店鋪頁面滑動效果Flutter
- iOS 類似美團外賣 app 兩個 tableView 聯動效果實現iOSAPPView
- ReactNative導航的右邊新增按鈕做跳轉React
- 修改 support 包 TabLayout,實現新浪微博/即刻 APP 蚯蚓導航效果TabLayoutAPP