<ext:ComboBox ID="ComboBox1" runat="server" Width="250" Editable="false" Mode="Local" ForceSelection="false" MaxHeight="200" AllowBlank="true"> <Items> <ext:ListItem /> </Items> <Template ID="Template1" runat="server"> <div id="myTree" style="height:200px"></div> </Template> <Listeners> <Expand Handler="#{TreePanel1}.render('myTree');" /> </Listeners> </ext:ComboBox> <ext:TreePanel ID="TreePanel1" AutoRender="false" runat="server" Border="false" Icon="BookOpen" AutoScroll="false"> <Root> <ext:TreeNode Text="Composers" Expanded="true"> <Nodes> <ext:TreeNode Text="Beethoven" Icon="UserGray"> <Nodes> <ext:TreeNode Text="Quartets"> <Nodes> <ext:TreeNode Text="Six String Quartets" Icon="Music" /> <ext:TreeNode Text="Three String Quartets" Icon="Music" /> <ext:TreeNode Text="Grosse Fugue for String Quartets" Icon="Music" /> </Nodes> </ext:TreeNode> <ext:TreeNode Text="Sonatas"> <Nodes> <ext:TreeNode Text="Sonata in A Minor" Icon="Music" /> <ext:TreeNode Text="sonata in F Major" Icon="Music" /> </Nodes> </ext:TreeNode> </Nodes> </ext:TreeNode> </Nodes> </ext:TreeNode> </Root> <Listeners> <Click Handler="#{ComboBox1}.setValue(node.text);#{ComboBox1}.collapse();" /> </Listeners> </ext:TreePanel>