asp.NET中 treeview 控件的使用

asp.NET中 treeview 控件的使用

treeview控件實作點選Node，彈出相應WebUserControl畫面

所需控件

1. treeview控件
2. WebUserControl，web使用者控件
3. PlaceHolder占位符控件

所需事件與方法

1. treeview的SelectedNodeChanged事件
2. placeholder的PlaceHolder1.Controls.Add(）方法

控件屬性設定

1. 如果要選擇treeview下的二級node，需将一級node的SelectAction屬性設定為"None"，二級node的SelectAction屬性設定為"Select"（預設）
2. 判斷所選node的文本是否是所需文本，需将TreeView1.SelectedNode.Text == “Your Text”做為if語句的判斷。

代碼

1.C#代碼

protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
    {
        if ( TreeView1.SelectedNode.Text == "三區")
        {
            PlaceHolder1.Controls.Add(TemplateControl.LoadControl("UC_TCM.ascx"));
        }

    }
           

2.HTML代碼

<asp:TreeNode Text="一廠" Value="一廠" SelectAction="None">
   <asp:TreeNode Text="一區" Value="一區"></asp:TreeNode>
   <asp:TreeNode Text="二區" Value="二區"></asp:TreeNode>
   <asp:TreeNode Text="三區" Value="三區"></asp:TreeNode>