asp.NET中 treeview 控件的使用

原创于 2019-11-10 12:02:08 发布 · 770 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #treeview #html

本文详细介绍了ASP.NET中TreeView控件的使用方法，包括如何通过点击节点加载相应的WebUserControl页面，以及如何设置控件属性以实现特定功能。通过实例代码，展示了如何在C#中响应SelectedNodeChanged事件，以及如何在HTML中正确配置节点。

asp.NET中 treeview 控件的使用

treeview控件实现点击Node，弹出相应WebUserControl画面

所需控件

treeview控件
WebUserControl，web用户控件
PlaceHolder占位符控件

所需事件与方法

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

控件属性设置

如果要选择treeview下的二级node，需将一级node的SelectAction属性设置为"None"，二级node的SelectAction属性设置为"Select"（默认）
判断所选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>