ASP.NET实现TreeView的XML数据源绑定实例代码

前端技术 2023/09/07 .NET

TreeView控件可以使用XML文档作为数据源，根据XML文档的层次结构显示节点。而XML文档的访问由XmlDataSource控件来完成，从XmlDataSource控件的DataFile属性中指定XML文档路径，然后在TreeView控件中设置与XML文档中的节点的对应关系。本示例将演示如何把TreeView控件绑定到XML数据源。

技术要点
把TreeView控件绑定到XML数据源的技术要点如下。

使用XmlDataSource控件提供对XML文档的访问。

在TreeView控件的DataBindings属性中指定节点与XML文档的对应关系。


实现步骤

（1）在VS2008中创建一个ASP.NET网站，命名为“TreeViewSample2”。

（2）添加一个页面，命名为“TreeViewControl.aspx”，并把这个页设置为起始页。

（3）在“App_Data”文件夹中创建一个XML文档，命名为“XMLFile.xml”，该文档包含三层结构：联系人、地区和负责人。代码如下所示。

复制代码 代码如下:

<?xml version=\"1.0\" encoding=\"utf-8\" ?>
<contact name=\"联系人\">
<genre name=\"华南地区\">
<person Text=\"负责人\">
<name>
张三</name>
<sex>
男</sex>
<age>
25</age>
<address>
广州市黄浦区</address>
</person>
<person Text=\"负责人\">
<name>
李四</name>
<sex>
男</sex>
<age>
28</age>
<address>
佛山市南海区</address>
</person>
</genre>
<genre name=\"华北地区\">
<person Text=\"负责人\">
<name>
王五</name>
<sex>
男</sex>
<age>
30</age>
<address>
北京市海淀区</address>
</person>
</genre>
</contact>

（4）从工具箱选择TreeView控件和XmlDataSource控件设计页面，把XmlDataSource控件DataFile属性设置成“~/App_Data/XMLFile.xml”，并把TreeView控件的DataSourceID属性设为“XmlDataSource1”。

（5）在首次加载页面时，用编程的方式通过TreeNodeBinding对象添加节点与XML文档绑定的对应关系（也可以使用设计器指定）。代码如下所示。

复制代码 代码如下:

<%@ Page Language=\"C#\" AutoEventWireup=\"true\" %>
<script runat=\"server\">
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.TreeView1.ShowLines = true;
//以下是添加节点与数据源绑定的对应关系
TreeNodeBinding contact = new TreeNodeBinding();
contact.DataMember = \"contact\";//指定绑定的成员
contact.ValueField = \"name\";//取值的字段
this.TreeView1.DataBindings.Add(contact);
TreeNodeBinding genre = new TreeNodeBinding();
genre.DataMember = \"genre\";//添加与\"地区\"绑定
genre.ValueField = \"name\";
this.TreeView1.DataBindings.Add(genre);
TreeNodeBinding person = new TreeNodeBinding();
person.DataMember = \"person\";//添加与\"负责人\"绑定
person.ValueField = \"Text\";
this.TreeView1.DataBindings.Add(person);
TreeNodeBinding name = new TreeNodeBinding();
name.DataMember = \"name\";//添加与\"名称\"绑定
name.ValueField = \"#InnerText\";
this.TreeView1.DataBindings.Add(name);
TreeNodeBinding sex = new TreeNodeBinding();
sex.DataMember = \"sex\";//添加与\"性别\"绑定
sex.ValueField = \"#InnerText\";
this.TreeView1.DataBindings.Add(sex);
TreeNodeBinding age = new TreeNodeBinding();
age.DataMember = \"age\";//添加与\"年龄\"绑定
age.ValueField = \"#InnerText\";
this.TreeView1.DataBindings.Add(age);
TreeNodeBinding address = new TreeNodeBinding();
address.DataMember = \"address\";//添加与\"地址\"绑定
address.ValueField = \"#InnerText\";
this.TreeView1.DataBindings.Add(address);
}
}
</script>
<html xmlns=\"http://www.w3.org/1999/xhtml\" >
<head runat=\"server\">
<title>TreeView绑定XML示例</title>
</head>
<body>
<form id=\"form1\" runat=\"server\">
<div>
<asp:XmlDataSource ID=\"XmlDataSource1\" runat=\"server\"
DataFile=\"~/App_Data/XMLFile.xml\">
</asp:XmlDataSource>
</div>
<asp:TreeView ID=\"TreeView1\" runat=\"server\"
DataSourceID=\"XmlDataSource1\">
</asp:TreeView>
</form>
</body>
</html>

（6）按Ctrl+F5组合键运行程序，运行结果下图所示。

源程序解读

（1）TreeNodeBinding类在TreeView控件中定义数据项与该数据项绑定到的节点之间的关系。该类的DataMember属性指定在节点显示的数据源对应XML的节点。ValueField属性对应TreeNode对象的Value属性。

（2）TreeNodeBinding类的Text属性指定向用户显示的文本，如果该属性没有指定，则默认与ValueField属性相同。

（3）TreeView控件的DataSourceID属性指定数据源控件源ID。

本文地址：https://www.stayed.cn/item/19416

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案