Feb 28, 2018, 12:52 PM
Contextmenu on Treepanel
Wondering how to use ContextMenu (BrowseMenu) when we right click an item in the following treepanel?
<ext:Menu ID="BrowseMenu" runat="server">
<Items>
<ext:MenuItem Text="Create New" >
<Listeners>
<Click Handler="Ext.Msg.alert(this.parentMenu.node.text, 'Create sub items');" />
</Listeners>
</ext:MenuItem>
</Items>
<Listeners>
<BeforeShow Handler="#{NodeLabel}.el.update(this.node.text);" />
</Listeners>
</ext:Menu>
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel runat="server" Region="North" Split="true" Height="50" BodyPadding="6" BodyStyle="background-color:grey;" />
<ext:Panel runat="server" Title="West" Region="West" Layout="FitLayout" Width="300" MinWidth="250" MaxWidth="400" Split="true" Collapsible="true">
<Items>
<ext:TreePanel ID="TreePanel1" runat="server" Height="400" Width="250" NoLeafIcon="true" UseArrows="true" AutoScroll="true"
Animate="false" HideHeaders="true" RootVisible="false" ContextMenuID="BrowseMenu">
<Root>
<ext:Node>
<Children>
<ext:Node Text="Karlstation" Expanded="true">
<Children>
<ext:Node Text="Airport">
<Children>
<ext:Node Text="Fakturor" Leaf="true" Checked="false" />
<ext:Node Text="Dokument" Leaf="true" Checked="false" />
</Children>
</ext:Node>
<ext:Node Text="Houses" />
</Children>
</ext:Node>
</Children>
</ext:Node>
</Root>
</ext:TreePanel>
</Items>
</ext:Panel>
<ext:TabPanel runat="server" Region="Center">
<Items>
<ext:Panel runat="server" Title="Center" Border="false" BodyPadding="6" />
<ext:Panel runat="server" Title="Close Me" Closable="true" Border="false" BodyPadding="6" Html="Closeable Tab" />
</Items>
</ext:TabPanel>
<ext:Panel runat="server" Title="East" Region="East" Collapsible="true" Split="true" MinWidth="250" Width="700" Layout="Fit">
<Items>
<ext:TabPanel runat="server" ActiveTabIndex="1" TabPosition="Bottom" Border="false">
<Items>
<ext:Panel runat="server" Title="Tab 1" Border="false" BodyPadding="6" Html="East Tab 1" />
<ext:Panel runat="server" Title="Tab 2" Closable="true" Border="false" BodyPadding="6" Html="East Tab 2" />
</Items>
</ext:TabPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>