coolite ComboBox 中显示树

最新推荐文章于 2022-02-25 21:57:21 发布

转载最新推荐文章于 2022-02-25 21:57:21 发布 · 793 阅读

文章标签：

#ext #string #server #border #c #div

Coolite Toolkit EXt 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用ExtJS创建的树状面板组件，该组件展示了著名作曲家贝多芬的不同类型音乐作品，包括交响乐、协奏曲等，并通过节点形式组织和展示每部作品。

<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