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>