当前位置：首页 > 技术教程 > 正文

如何用ASP.NET实现TreeView与XML数据源绑定的详细实例代码分析？

admin
技术教程
2025-12-17
2598

在ASP.NET中，TreeView控件是一种常用的界面元素，可以用来展示层次化的数据结构，通过将TreeView与XML数据源绑定，可以实现动态的数据展示，以下是一个实现TreeView的XML数据源绑定实例代码，包括HTML和C#代码。

如何用ASP.NET实现TreeView与XML数据源绑定的详细实例代码分析？第1张

HTML部分

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>TreeView XML Data Binding Example</title> </head> <body> <form id="form1" runat="server"> <asp:TreeView ID="TreeView1" runat="server" DataSourceID="XmlDataSource1" DataBinding="OnTreeNodeDataBinding"> <NodesTemplate> <asp:TreeNode Text='<%# Bind("Name") %>' Value='<%# Bind("ID") %>' /> </NodesTemplate> </asp:TreeView> <asp:XmlDataSource ID="XmlDataSource1" runat="server" XPath="root/Node" DataSourceMode="DataSet"> <DataSet> <Table> <Column Name="ID" DataType="System.String" /> <Column Name="Name" DataType="System.String" /> <Column Name="Children" DataType="System.String" /> </Table> </DataSet> </asp:XmlDataSource> </form> </body> </html>

C#部分

using System; using System.Data; using System.Data.SqlClient; using System.Configuration; public partial class TreeViewXMLBinding : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindXmlDataSource(); } } private void BindXmlDataSource() { string connectionString = ConfigurationManager.ConnectionStrings["YourConnectionStringName"].ConnectionString; using (SqlConnection conn = new SqlConnection(connectionString)) { SqlCommand cmd = new SqlCommand("SELECT ID, Name, Children FROM YourTable", conn); conn.Open(); DataSet dataSet = new DataSet(); SqlDataAdapter dataAdapter = new SqlDataAdapter(cmd); dataAdapter.Fill(dataSet, "Table"); XmlDataSource1.DataSet = dataSet; XmlDataSource1.XPath = "/root/Table"; } } protected void OnTreeNodeDataBinding(object sender, TreeNodeEventArgs e) { if (!string.IsNullOrEmpty(e.Node.Value)) { e.Node.Value = e.Node.Value + "/" + e.Node.Text; } } }