<%@ 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>