DevExpress 控件 dx:ASPxTreeView顯示樹結構

總述：用dx:ASPxTreeView控件顯示綁定結構樹，結構樹樣式比較好看；通過腳本文件進行操作，比較方便

• 第一、確認電腦已經安裝DevExpress組件
• 第二、新建項目，選擇DXperience ASP.NET Outlook Inspired Web Application
• 第三、頁面代碼

    <div id="divTreeView" style="overflow: auto;">
        <dx:ASPxTreeView ID="MailFilter" AllowSelectNode="True" runat="server">
            <Styles>
                <NodeImage Paddings-PaddingTop="3px" />
            </Styles>
            <ClientSideEvents NodeClick="OutlookController.MailFilterNodeClick" />
        </dx:ASPxTreeView>
    </div>

• 第四、後臺操作：

/// <summary>
        /// 遞歸方法實現TreeView綁定
        /// </summary>
        /// <param name="dt">數據源</param>
        /// <param name="p_node">樹節點</param>
        /// <param name="pid_val">父節點編號</param>
        /// <param name="fieldName">節點字段值名/param>
        /// <param name="pFieldName">父節點字段名</param>
        public void BindTreeView(DataTable dt, TreeViewNode p_node, string pid_val, string fieldName, string pFieldName)
        {
            DataView dv = new DataView(dt);
            string filter = string.Format(pid_val += "'{0}'", pid_val);
            dv.RowFilter = filter;//根據父節點值過濾
            foreach (DataRowView row in dv)
            {
                TreeViewNode tvn = new TreeViewNode();
                if (p_node == null)//根節點
                {
                    //設置tvn節點屬性，將此節點添加到樹控件
                    //將tvn節點遞歸調用傳入方法BindTreeView(dt,tvn,row["父節點"], fieldName,pFieldName)
                }
                else
                {
                    //設置tvn節點屬性，將tvn節點添加到p_node節點
                    //將tvn節點遞歸調用傳入方法BindTreeView(dt,tvn,row["父節點"], fieldName,pFieldName)
                }
            }
        }

• 第五、瀏覽頁面，詳細的操作可在 script.js文件中編寫對應的方法