Build a TreeView Control in Less Than Two Minutes with Visual Studio 2005 Beta 2
page 2 of 4
by Steven Swafford
Feedback
Average Rating: 
Views (Total / Last 10 Days): 29914/ 46

XML as the TreeView's DataSource

The simplest method of rolling out your TreeView control is utilizing the interface within Visual Studio 2005 Beta 2 without having to write one single line of code. Pretty cool huh! The first thing you will need is a well-formed XML file. For the purpose of this article, I am utilizing an XML file which contains Name and URL values.

Listing 1: authors.xml

<?xml version="1.0" standalone="yes"?>
<ASPAlliance_Authors>
    <Author NAME="Steven Smith">
        <blog URL="http://blogs.aspadvice.com/ssmith/"></blog>
    </Author>
    <Author NAME="Robert Chartier">
        <blog URL="http://weblogs.asp.net/rchartier/"></blog>
    </Author>
    <Author NAME="Steven Swafford">
        <blog URL="http://blogs.aspadvice.com/sswafford/"></blog>
    </Author>
    <Author NAME="J. Ambrose Little">
        <blog URL="http://dotnettemplar.net/"></blog>
    </Author>
</ASPAlliance_Authors>

The first thing you need to do is to create a new Web Form. Once you have the Web Form in place, there are two controls that you must add to this Web Form. First is the XmlDataSource, which will be what we will use as the DataSource.

Figure 1: Configure Data Source
Configure Data Source


Next, drag and drop a TreeView control onto your Web Form. Bring up the TreeView Tasks and select the XmlDataSource that you previously configured. In this case, the name of the DataSource is XmlDataSource1.

Figure 2: TreeView Tasks, XmlDataSource Configuration
TreeView Tasks, XmlDataSource Configuration


The final step in this process is to open the TreeView DataBindings Editor and configure the TreeView control.

Figure 3: TreeView DataBindings Editor
TreeView DataBindings Editor


There are three items that we will databind to this TreeView control.

  1. ASPAlliance_Authors – parent node
    1. In the available data bindings area, highlight ASPAlliance_Authors and click Add. Next, within the data binding properties, add the text “ASPAlliance Authors Blog List” to the Text property.
  2. Author – child node
    1. In the available data bindings area, highlight Author and click Add. In the data bindings TextField attribute, select NAME from the dropdown list.
  3. URL – Used as an HREF that will be attached to the Author child node
    1. In the available databindings area, highlight Blog and click Add. In the data bindings TextField attribute, select URL from the dropdown list, and select URL as well for the NavigateUrlField attribute.

Finally, make sure that the "Auto-generate data bindings" checkbox is checked.

That is all it takes to generate your TreeView control, without writing one single line of code. Execute this Web Form and you will see the following.

Figure 4: TreeView Control Execution
TreeView Control Execution

 


View Entire Article

User Comments

No comments posted yet.






Community Advice: ASP | SQL | XML | Regular Expressions | Windows


©Copyright 1998-2024 ASPAlliance.com  |  Page Processed at 2024-05-10 11:06:57 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search