TreeView 一些总结

最新推荐文章于 2025-05-15 13:19:39 发布

gdjlc

最新推荐文章于 2025-05-15 13:19:39 发布

阅读量685

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET 文章标签： object tree server xhtml javascript null

本文链接：https://blog.youkuaiyun.com/gdjlc/article/details/3027557

ASP.NET 专栏收录该内容

54 篇文章

订阅专栏

本文介绍如何使用TreeView组件进行节点管理，包括节点的展开、收缩、添加、删除及通过JavaScript获取选中节点的值等实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、收缩其他已点过的节点

/// <summary> /// 收缩其他已点过的节点 /// </summary> protected void TreeView1_TreeNodeExpanded(object sender, TreeNodeEventArgs e) { TreeNodeCollection ts = null; if (e.Node.Parent == null) { ts = ((TreeView)sender).Nodes; } else ts = e.Node.Parent.ChildNodes; foreach (TreeNode node in ts) { if (node != e.Node) { node.Collapse(); } } }

2、设置节点收缩展开时的图片文件

/// <summary> /// 设置节点收缩展开时的图片文件 /// </summary> protected void TreeView1_TreeNodeExpanded(object sender, TreeNodeEventArgs e) { e.Node.ImageUrl = "/images/folder_Open.gif"; } protected void TreeView1_TreeNodeCollapsed(object sender, TreeNodeEventArgs e) { e.Node.ImageUrl = "/images/folder_Close.gif"; }

3、查找指定节点以及它的所有子节点

/// <summary> /// 查找指定节点以及它的所有子节点 /// </summary> /// <param name="tnParent"></param> /// <param name="tnList"></param> private void FindNode(TreeNode tnParent, ref List<TreeNode> tnList) { tnList.Add(tnParent); foreach (TreeNode tn in tnParent.ChildNodes) { FindNode(tn, ref tnList); } }

4、删除选择的节点以及它的所有子节点

/// <summary> /// 删除选择的节点以及它的所有子节点 /// </summary> protected void btnDelNode_Click(object sender, EventArgs e) { if (this.TreeView1.SelectedNode != null) { List<TreeNode> tnList = new List<TreeNode>(); FindNode(this.TreeView1.SelectedNode, ref tnList); List<int> idList = new List<int>(); tnList.ForEach(t => idList.Add(Convert.ToInt32(t.Value))); //删除所有节点，如果只删除选择节点用this.TreeView1.SelectedNode.Parent.ChildNodes.Remove(this.TreeView1.SelectedNode); tnList.ForEach(t => t.Parent.ChildNodes.Remove(t)); //删除数据库中相应数据 //.... } }

5、在选择的节点下面添加子节点

///在选择的节点下面添加子节点 TreeNode tn = new TreeNode("节点名称", "保存到数据库后的节点ID"); tn.ImageUrl = "/images/page.gif"; this.TreeView1.SelectedNode.ImageUrl = "/images/folder_Open.gif"; this.TreeView1.SelectedNode.ChildNodes.Add(tn); this.TreeView1.SelectedNode.Expand();

6、JS获取所有选中节点的值 （把节点的值保存在ToolTip，点击节点时获取这个值）

.aspx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView ID="treeView1" runat="server" EnableClientScript="False" ShowExpandCollapse="False" OnClick="init1(this)"> </asp:TreeView> </div> </form> </body> </html>

.aspx.cs

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { DataTable dt = GetDataTable(); DataRow[] rows = dt.Select(); foreach (DataRow row in rows) { TreeNode nd = new TreeNode(); nd.Text = row["name"].ToString(); nd.Value = row["id"].ToString(); nd.ToolTip = row["id"].ToString(); nd.ShowCheckBox = true; treeView1.Nodes.Add(nd); } } } DataTable GetDataTable() { System.Data.DataTable dt = new System.Data.DataTable(); System.Data.DataRow dr; dt.Columns.Add(new System.Data.DataColumn("id", typeof(System.Int32))); dt.Columns.Add(new System.Data.DataColumn("name", typeof(System.String))); dr = dt.NewRow(); dr[0] = 1; dr[1] = "广东"; dt.Rows.Add(dr); dr = dt.NewRow(); dr[0] = 2; dr[1] = "广西"; dt.Rows.Add(dr); return dt; }