devpress treelist绑定数据源并隐藏栏位 treeview绑定数据源

转载

mob64ca140e4022 2024-07-03 20:17:35

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”，该文档包含三层结构：联系人、地区和负责人。代码如下所示。

devpress treelist绑定数据源并隐藏栏位 treeview绑定数据源_控件 Code
<?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文档绑定的对应关系（也可以使用设计器指定）。代码如下所示。

Code
<%@ 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组合键运行程序，运行结果如图22.2所示。

devpress treelist绑定数据源并隐藏栏位 treeview绑定数据源_控件_03