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

程序员文章站 2024-02-27 12:18:27

treeview控件可以使用xml文档作为数据源，根据xml文档的层次结构显示节点。而xml文档的访问由xmldatasource控件来完成，从xmldatasource控...

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>