ASP.NET Tree. ExpertTree - XML and CSS based DHTML Server-Side Tree Control for ASP.NET

<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<%@ Register TagPrefix="ecd" Namespace="ASPNETExpert.WebControls.DemoControls" Assembly="ASPNETExpert.WebControls.DemoControls" %>
<%@ Control Language="c#" AutoEventWireup="false" %>
<table cellpadding="0" cellspacing="0" border="0" xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
  <tr>
    <td valign=top>
      <table cellpadding="0" cellspacing="10" border="0">
        <tr>
          <td width="250">
<ec:ExpertTreeComboBox id="TreeComboBox1" Skin="Classic" runat="server" ExpandOnClick="true" CollapseOnClick="true">  
  <TreeLook Base="Classic" Background-Color="White" Border-Style="Solid" Border-Width="1px" Border-Color="Black" Width="250" Height="200px" Overflow="Scroll" ShowLines="true" />
  <ComboBoxLook Base="Combo" InitLook-Width="255px" />  
  <Nodes>
    <ec:TreeNode Expanded="true" Text="North America">
      <Nodes>
        <ec:TreeNode Expanded="true" Text="U.S.A.">
          <Nodes>
            <ec:TreeNode Text="New York" />
            <ec:TreeNode Text="Los Angeles" />
            <ec:TreeNode Text="Boston" Enabled="false" />
            <ec:TreeNode Text="Chicago" Enabled="false" />
          </Nodes>
        </ec:TreeNode>
        <ec:TreeNode Text="Canada">
          <Nodes>
            <ec:TreeNode Text="Toronto" />
            <ec:TreeNode Text="Vancouver" />
            <ec:TreeNode Text="Calgary" />
            <ec:TreeNode Text="Ottawa" />
          </Nodes>  
        </ec:TreeNode>
        <ec:TreeNode Text="Mexico">
          <Nodes>
            <ec:TreeNode Text="Campeche" />
            <ec:TreeNode Text="Guadalajara" />
            <ec:TreeNode Text="Mexico City" />
            <ec:TreeNode Text="Puebla" />
          </Nodes>  
        </ec:TreeNode>
      </Nodes>
    </ec:TreeNode>    
  </Nodes>
</ec:ExpertTreeComboBox>            
          </td>
        </tr>
        <tr>
          <td><select>
            <option>Overlay selects</option>
            <option>Overlay ActiveX</option>
          </select></td>
        </tr>
        <tr>
          <td width="250">
<ec:ExpertTreeComboBox id="TreeComboBox2" Skin="Classic" runat="server" PostBackOnClick="true" ExpandOnClick="true" CollapseOnClick="true">  
  <TreeLook Base="Classic" Background-Color="White" Border-Style="Solid" Border-Width="1px" Border-Color="Black" Width="250" Height="200px" Overflow="Scroll" ShowLines="true" />
  <ComboBoxLook Base="Combo" InitLook-Width="255px" InitLook-DropDownIcon-ImageResourceUrl="Classic.DropDownSquareGrayButton.gif" FocusedLook-DropDownIcon-ImageResourceUrl="Classic.DropDownSquareGrayButton.gif" ExpandedLook-DropDownIcon-ImageResourceUrl="Classic.DropDownPushedSquareGrayButton.gif"/>  
  <Nodes>
    <ec:TreeNode Expanded="true" Text="North America">
      <Nodes>
        <ec:TreeNode Expanded="true" Text="U.S.A.">
          <Nodes>
            <ec:TreeNode Text="New York" />
            <ec:TreeNode Text="Los Angeles" />
            <ec:TreeNode Text="Boston" Enabled="false" />
            <ec:TreeNode Text="Chicago" Enabled="false" />
          </Nodes>
        </ec:TreeNode>
        <ec:TreeNode Text="Canada">
          <Nodes>
            <ec:TreeNode Text="Toronto" />
            <ec:TreeNode Text="Vancouver" />
            <ec:TreeNode Text="Calgary" />
            <ec:TreeNode Text="Ottawa" />
          </Nodes>  
        </ec:TreeNode>
        <ec:TreeNode Text="Mexico">
          <Nodes>
            <ec:TreeNode Text="Campeche" />
            <ec:TreeNode Text="Guadalajara" />
            <ec:TreeNode Text="Mexico City" />
            <ec:TreeNode Text="Puebla" />
          </Nodes>  
        </ec:TreeNode>
      </Nodes>
    </ec:TreeNode>    
  </Nodes>
</ec:ExpertTreeComboBox>            
          </td>
        </tr>
        <tr>
          <td width="250">
<ec:ExpertTreeComboBox id="TreeComboBox3" Skin="Classic" runat="server" PostBackOnSelect="true" ExpandOnClick="true" CollapseOnClick="true">  
  <TreeLook Base="Classic" Background-Color="White" Border-Style="Solid" Border-Width="1px" Border-Color="Black" Width="250" Height="200px" Overflow="Scroll" ShowLines="true" />
  <ComboBoxLook Base="Combo" InitLook-Width="255px" InitLook-DropDownIcon-ImageResourceUrl="Classic.DropDownSquareSandButton.gif" FocusedLook-DropDownIcon-ImageResourceUrl="Classic.DropDownSquareSandButton.gif" ExpandedLook-DropDownIcon-ImageResourceUrl="Classic.DropDownPushedSquareSandButton.gif"/>  
  <Nodes>
    <ec:TreeNode Expanded="true" Text="North America">
      <Nodes>
        <ec:TreeNode Expanded="true" Text="U.S.A.">
          <Nodes>
            <ec:TreeNode Text="New York" />
            <ec:TreeNode Text="Los Angeles" />
            <ec:TreeNode Text="Boston" Enabled="false" />
            <ec:TreeNode Text="Chicago" Enabled="false" />
          </Nodes>
        </ec:TreeNode>
        <ec:TreeNode Text="Canada">
          <Nodes>
            <ec:TreeNode Text="Toronto" />
            <ec:TreeNode Text="Vancouver" />
            <ec:TreeNode Text="Calgary" />
            <ec:TreeNode Text="Ottawa" />
          </Nodes>  
        </ec:TreeNode>
        <ec:TreeNode Text="Mexico">
          <Nodes>
            <ec:TreeNode Text="Campeche" />
            <ec:TreeNode Text="Guadalajara" />
            <ec:TreeNode Text="Mexico City" />
            <ec:TreeNode Text="Puebla" />
          </Nodes>  
        </ec:TreeNode>
      </Nodes>
    </ec:TreeNode>    
  </Nodes>
</ec:ExpertTreeComboBox>              
          </td>
        </tr>      
      </table>
    </td>  
    <td valign=top style="padding-left:10px;">
<ecd:DescriptionView runat="server" ID="Descriptionview1">
  <ecd:Description id="Description1" runat="server">
<b>Keyboard navigation notes:</b> use <b>Tab</b> and other navigation keys to navigate the combo trees. Use arrow 
down to drop a combo down. Use <b>Esc</b> to roll a combo up. Use <b>Enter</b> to select a node.
  </ecd:Description>
  <ecd:Description id="Description2" runat="server">
Apply <b>ExpertTreeComboBox</b> control to use <b>ExpertTree</b> in the combo boxed mode.
<b>ExpertTreeComboBox</b> inherits <b>ExpertTree</b> and has all its properties and methods.
  </ecd:Description>
  <ecd:Description id="Description3" runat="server">
<b>ExpertTreeComboBox</b> extends <b>ExpertTree</b> with <b>ComboBoxLook</b> look. 
<b>ComboBoxLook</b> defines how a tree combo looks in <b>Initial</b>, 
<b>Focused</b> and <b>Expanded</b> state. It exposes two border looks and a 
button image look. See API for more details.
  </ecd:Description>
</ecd:DescriptionView>  
      <p></p>
      <p></p>
      <p></p>
    </td>
  </tr>  
</table>  
<ec:CodeViewTab id="CodeViewTab1" runat="server">
  <ec:TabItem runat="server" Text="aspx" ID="Tabitem1">
    <pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" OutputFile="Advanced/ComboBox.ascx" ID="Syntaxhighlight1"/>
    </pre>
  </ec:TabItem>
</ec:CodeViewTab>