Ajax特效 動態樹形列表 之二

2021-06-16 03:25:34 字數 680 閱讀 2928

在基本原理的介紹中,了解到通過在父節點內動態建立子節點,並利用樣式表縮排完成樹形列表的基本框架。除了這一點外,還有下面一些問題需要考慮。

1

.將父節點所有的子節點放入乙個容器中

基本原理頁面中僅包含了建立子節點的功能,不可以將建立好的節點再進行關閉操作。實際應用中選單總是包含開啟和關閉兩種操作。為了方便進行關閉操作,將子節點放入乙個容器中,在關閉時只需要設定容器的顯示屬性即可。

2

.節點開關的具體實現

每個父節點的所有子節點放入容器中後,在單擊父節點時判斷子節點容器的顯示狀態。如果當前為開啟狀態,則將其關閉,反之則將其開啟。具體使用的方法是呼叫節點的

style.display

屬性進行判斷,關閉時的狀態為

none

,非none

時表示開啟。為了清晰地表示父節點的開啟或關閉狀態,使用「+」和「-」字元進行標識。

3

.節點分為目錄節點和非目錄節點

目錄節點下可包含子節點,非目錄節點也可稱為葉子節點,即該節點不包含子節點。在本例中對這兩種節點進行區別對待。單擊目錄節點將對其子節點進行展開或關閉操作。單擊非目錄節點將鏈結到新的頁面(目前暫時將新頁面位址彈出,在實際應用中可進行修改)。

動態規劃二(樹形DP)

顧名思義,是指將dp建立在樹狀結構的基礎上。問題描述 有一棵 n 個節點的樹,樹上每個節點都有乙個正整數權值。如果乙個點被選擇了,那麼在樹上和它相鄰的點都不能被選擇。求選出的點的權值和最大是多少?輸入格式 第一行包含乙個整數 n 接下來的一行包含 n 個正整數,第 i 個正整數代表點 i 的權值。接...

動態規劃專題(二) 樹形DP

dp 這東西真的是博大精深啊.樹形 dp 顧名思義,就是在樹上操作的 dp 一般可以用 f i 表示以編號為 i 的節點為根的子樹中的最優解。轉移的時候一般都將資訊由子節點轉移到父親節點,也就是將資訊從下往上轉移。因此,一般樹形 dp 都會採用遞迴的形式。樹形 dp 中有一種比較經典的題型 樹上揹包...

AJax動態載入列表提交後再回退動態內容被清空

今天想解決乙個問題,簡單說就是a.html中使用ajax動態載入級聯列表,然後提交到b.html,在b.html中使用history.back 相當於瀏覽器的後退按鈕 回退到a.html,導致動態載入的內容被清空。就是下面這個帖子裡說的 問乙個 window.history.back 造成的問題 0...