关于Combox和TreePanel的混用（Combox中包含TreePanel）

最新推荐文章于 2024-03-17 18:14:57 发布

原创最新推荐文章于 2024-03-17 18:14:57 发布 · 704 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #string #server #border #div

coolite 专栏收录该内容

3 篇文章

订阅专栏

本博客介绍了一个使用树状面板展示 Beethoven 音乐作品的组合框选择器，该选择器允许用户从作曲家 Beethoven 的各类作品中进行选择，包括弦乐四重奏和奏鸣曲等。

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