Feb 13, 2013, 6:02 PM
How TreePanel with MenuItem for add childnode.
Hi everyone...
I need a help with a control.
I use a example https://examples2.ext.net/#/TreePane...d/Remote_Mode/
but a like add a item in menu with a combobox, that when i selected a item in a combobox, it add a item in a treepanel, but I do not know a make.
In my tests, i make this:
In part.. ADD COMBOBOX, that comment in code, I do not know i get the text and value for create new child node with this values...
How i pass the values in 'New' and I do not know how i get the value of combobox when i select a item ?
<Listeners>
<Click Handler="#{TreePanel1}.appendChild(#{TreePanel1}.m enuNode, 'New');" />
</Listeners>
My code:
<ext:Menu ID="TreeContextMenu" runat="server">
<Items>
<ext:Label ID="NodeName" runat="server" Cls="bold-text" />
<ext:MenuSeparator />
<ext:MenuItem ID="MenuItem1" runat="server" Text="Edit" Icon="Pencil">
<Listeners>
<Click Handler="#{TreePanel1}.editingPlugin.startEdit(#{T reePanel1}.menuNode, 0);" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem2" runat="server" Text="Rename to 'TEST'" Icon="Pencil">
<Listeners>
<Click Handler="#{TreePanel1}.editNode(#{TreePanel1}.menu Node, 'text', 'TEST');" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem3" runat="server" Text="Remove" Icon="Delete">
<Listeners>
<Click Handler="#{TreePanel1}.removeNode(#{TreePanel1}.me nuNode);" />
</Listeners>
</ext:MenuItem>
//BEGIN: ADD COMBOBOX
<ext:ComboBox ID="ComboBox1" runat="server">
<Items>
<ext:ListItem Text="Option1" Value="1" />
<ext:ListItem Text="Option2" Value="2" />
<ext:ListItem Text="Option3" Value="3" />
<ext:ListItem Text="Option4" Value="4" />
<ext:ListItem Text="Option5" Value="5" />
</Items>
</ext:ComboBox>
//END: ADD COMBOBOX
<ext:MenuItem ID="MenuItem4" runat="server" Text="Append child" Icon="Add">
<Listeners>
<Click Handler="#{TreePanel1}.appendChild(#{TreePanel1}.m enuNode, 'New');" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem5" runat="server" Text="Insert before this node" Icon="ArrowRight">
<Listeners>
<Click Handler="#{TreePanel1}.insertBefore(#{TreePanel1}. menuNode, 'New');" />
</Listeners>
</ext:MenuItem>
</Items>
<Listeners>
<Show Handler="#{NodeName}.setText(this.nodeName);" />
</Listeners>
</ext:Menu>
someone can help me?
I need a help with a control.
I use a example https://examples2.ext.net/#/TreePane...d/Remote_Mode/
but a like add a item in menu with a combobox, that when i selected a item in a combobox, it add a item in a treepanel, but I do not know a make.
In my tests, i make this:
In part.. ADD COMBOBOX, that comment in code, I do not know i get the text and value for create new child node with this values...
How i pass the values in 'New' and I do not know how i get the value of combobox when i select a item ?
<Listeners>
<Click Handler="#{TreePanel1}.appendChild(#{TreePanel1}.m enuNode, 'New');" />
</Listeners>
My code:
<ext:Menu ID="TreeContextMenu" runat="server">
<Items>
<ext:Label ID="NodeName" runat="server" Cls="bold-text" />
<ext:MenuSeparator />
<ext:MenuItem ID="MenuItem1" runat="server" Text="Edit" Icon="Pencil">
<Listeners>
<Click Handler="#{TreePanel1}.editingPlugin.startEdit(#{T reePanel1}.menuNode, 0);" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem2" runat="server" Text="Rename to 'TEST'" Icon="Pencil">
<Listeners>
<Click Handler="#{TreePanel1}.editNode(#{TreePanel1}.menu Node, 'text', 'TEST');" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem3" runat="server" Text="Remove" Icon="Delete">
<Listeners>
<Click Handler="#{TreePanel1}.removeNode(#{TreePanel1}.me nuNode);" />
</Listeners>
</ext:MenuItem>
//BEGIN: ADD COMBOBOX
<ext:ComboBox ID="ComboBox1" runat="server">
<Items>
<ext:ListItem Text="Option1" Value="1" />
<ext:ListItem Text="Option2" Value="2" />
<ext:ListItem Text="Option3" Value="3" />
<ext:ListItem Text="Option4" Value="4" />
<ext:ListItem Text="Option5" Value="5" />
</Items>
</ext:ComboBox>
//END: ADD COMBOBOX
<ext:MenuItem ID="MenuItem4" runat="server" Text="Append child" Icon="Add">
<Listeners>
<Click Handler="#{TreePanel1}.appendChild(#{TreePanel1}.m enuNode, 'New');" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem5" runat="server" Text="Insert before this node" Icon="ArrowRight">
<Listeners>
<Click Handler="#{TreePanel1}.insertBefore(#{TreePanel1}. menuNode, 'New');" />
</Listeners>
</ext:MenuItem>
</Items>
<Listeners>
<Show Handler="#{NodeName}.setText(this.nodeName);" />
</Listeners>
</ext:Menu>
someone can help me?