<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="Concertos"> <Nodes> <ext:TreeNode Text="No. 1 - C" NodeID="1" Icon="Music" /> <ext:TreeNode Text="No. 2 - B-Flat Major" NodeID="2" Icon="Music" /> <ext:TreeNode Text="No. 3 - C Minor" NodeID="3" Icon="Music" /> <ext:TreeNode Text="No. 4 - G Major" NodeID="4" Icon="Music" /> <ext:TreeNode Text="No. 5 - E-Flat Major" NodeID="5" Icon="Music" /> </Nodes> </ext:TreeNode> <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> <ext:TreeNode Text="Symphonies"> <Nodes> <ext:TreeNode Text="No. 1 - C Major" Icon="Music" /> <ext:TreeNode Text="No. 2 - D Major" Icon="Music" /> <ext:TreeNode Text="No. 3 - E-Flat Major" Icon="Music" /> <ext:TreeNode Text="No. 4 - B-Flat Major" Icon="Music" /> <ext:TreeNode Text="No. 5 - C Minor" Icon="Music" /> <ext:TreeNode Text="No. 6 - F Major" Icon="Music" /> <ext:TreeNode Text="No. 7 - A Major" Icon="Music" /> <ext:TreeNode Text="No. 8 - F Major" Icon="Music" /> <ext:TreeNode Text="No. 9 - D Minor" Icon="Music" /> </Nodes> </ext:TreeNode> </Nodes> </ext:TreeNode> </Nodes> </ext:TreeNode> </Root> <Listeners> <Click Handler="#{ComboBox1}.setValue(node.text);#{ComboBox1}.collapse();" /> <%--<Click Handler="if(!node.hasChildNodes()){#{ComboBox1}.setValue(node.text);#{ComboBox1}.collapse();}" />--%> </Listeners> </ext:TreePanel> source :http://hi.baidu.com/helinhai30/blog/item/34c4e7d51bfa690aa08bb7cf.html