控件關鍵屬性一覽 屬性名稱說明 AutoScroll是否自動顯示捲軸 DynamicLoadChildNodes是否啟用動態載入子節點 Generate

Default.aspx 演示頁面設計 頁面放置兩個控件實例：myTreeView（一次性載入全量資料）與 myTreeView2（動態載入子節點）。控件標籤前

後台資料服務頁面：TreeViewNodeXML.aspx 此頁面為第二棵樹狀列表提供動態子節點資料，純後台邏輯無 HTML 輸出。.aspx 僅含一行指令：

第一段 HTML 代碼塊：動態載入基礎設施 當 DynamicLoadChildNodes=true 時，控件輸出支援客戶端動態載入的基礎設施代碼： 1. 暫

動態載入子節點的完整流程 當使用者展開節點觸發動態載入時，客戶端腳本將節點的 XMLSource 寫入暫存 XML 資料島 SkyTreeViewControl

核心互動函數：SkyTreeViewControlExpendNodeByID 控件輸出的第三段 HTML 代碼塊定義了關鍵的客戶端互動函數 SkyTreeVi

節點集合 XML 序列化 控件在記憶體中建立 XmlTextWriter，利用 XmlSerializer 將 Nodes 屬性完整序列化為 XML 文件：

伺服器端 XSLT 轉換輸出 HTML 當 GenerateAtServer=true 時，控件在伺服器端完成 HTML 生成。核心流程： 呼叫 ReadXS

ViewState 序列化機制 ASP.NET 框架在要求 Web 控件儲存資料至 ViewState 時，會自動呼叫 SaveViewState 方法；反之從

前言：從發現問題開始 在 ASP.NET 專案開發中，樹狀列表是常見的 UI 元件。近期發現有專案採用名為 dtree 的樹狀列表組件，但在資料量稍大時載入速度

性能瓶頸根因分析 傳統樹狀列表加載緩慢的核心原因在於：客戶端JavaScript通過字符串拼接生成龐大HTML代碼，解析執行效率極低。針對此痛點，提出兩種優化路

目標HTML代碼設計原則 Web控件最終輸出必須是瀏覽器可直接渲染的HTML。為實現樹狀層級結構，經過嘗試比較，決定採用<TABLE>標籤嵌套方案：

目標HTML代碼結構分析 樹狀列表最終在瀏覽器中以HTML表格嵌套形式呈現。每個節點佔據一個表格行（<tr>），節點文本後跟隨一個<table

節點XML文檔設計 在開發高性能ASP.NET樹狀列表Web控件時，採用XML/XSLT技術生成HTML代碼是核心思路。由於XML本身具有天然的樹狀結構特性，設

SkyTreeNode 核心屬性 屬性型別說明 IDstring節點唯一識別碼，建議 Guid.NewGuid().ToString()，避免多樹/動態載入時

SkyTreeNodeList 類別定義 [Serializable] public class SkyTreeNodeList : CollectionBa

組件層級 TagPrefix 指示詞 [assembly: TagPrefix(CS_Discovery, SkyWebControl)] 註冊命名空間

Nodes / AllNodes Nodes：根節點集合，[Browsable(false)] 隱藏於設計器屬性格。 AllNodes：遞迴取得所有節點扁平清

OnLoad 覆寫目的 在頁面輸出 HTML 前，向 <head> 註冊樹狀節點所需 CSS 樣式，避免重複輸出。 完整 OnLoad 實作 p

RenderContents 角色 控制項 Render 呼叫 base.Render，內部再呼叫 RenderContents 輸出內容。覆寫此方法可完全掌控