類似 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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 左邊分類和右邊導航的關係
- 【前端】javascript實現導航欄筋斗雲效果特效前端JavaScript特效
- tpextbuilder- 左側樹形導航UI
- Vue.js+cube-ui(Scroll元件)實現類似頭條效果的橫向滾動導航條Vue.jsUI元件
- 採用JavaScript+XML實現具有樹形選單功能的論壇側邊導航欄JavaScriptXML
- JavaScript slide下拉導航選單效果JavaScriptIDE
- 在鴻蒙中實現類似瀑布流效果鴻蒙
- Laravel 小技巧 - 讓路由實現類似 Model::query 的效果Laravel路由
- C# 簡單反射實現winform左側樹形導航,右側切換內容C#反射ORM
- vue2.0實現底部導航切換效果Vue
- JavaScript橫向二級導航選單效果JavaScript
- PostgreSQL類似OracleMERGE功能的實現SQLOracle
- SpringBoot+WebFlux透過流式響應實現類似ChatGPT的打字機效果Spring BootWebUXChatGPT
- Win10 隱藏左側邊側欄(導航視窗)中的資料夾Win10
- mysql 效果類似split函式MySql函式
- 小程式 — 實現左滑刪除效果(列表)③
- Flutter 實現類似美團外賣店鋪頁面滑動效果Flutter
- 左側導航欄element -2024/11/27
- 僅2步實現 拜拜 漢堡導航欄效果~ 全新底部導航互動(滑動隱藏)
- GetX 實現類似微信轉發搜尋多選好友
- 修改 support 包 TabLayout,實現新浪微博/即刻 APP 蚯蚓導航效果TabLayoutAPP
- 如何在 web 頁面中實現類似 excel 固定表頭 / 標題行的效果?WebExcel
- 分類導航
- JavaScript實現HTML導航欄下拉選單[懸浮顯示]JavaScriptHTML
- 【JavaScript框架封裝】實現一個類似於JQuery的動畫框架的封裝JavaScript框架封裝jQuery動畫
- 類似微信首頁彈性滾動和慣性滾動效果的實現——OverScroll
- AR 導航的幾種實現思路
- 底部導航欄懸浮效果
- MySQL 06 mysql 如何實現類似 oracle 的 merge intoMySqlOracle
- ReactNative實現地圖導航React地圖
- 小程式底部彈框 類似picker效果
- Ubuntu 20.04 自動隱藏左側導航欄Ubuntu
- 【JavaScript框架封裝】實現一個類似於JQuery的CSS樣式框架的封裝JavaScript框架封裝jQueryCSS
- JavaScript 二叉搜尋樹以及實現翻轉二叉樹JavaScript二叉樹
- CSS3實現多樣的邊框效果CSSS3
- 好程式設計師技術分享jQuery實現類似fullpage外掛的全屏滾動效果程式設計師jQuery
- [Linux] Linux 自動掛載mount --bind 實現類似目錄硬鏈的效果 (包含ZFS方案)Linux
- 易優實現釋出時間顯示類似幾小時前、幾天前的效果
- JavaScript實現選項卡效果JavaScript