[CLOSED] ComponentMenuItem: the best way to hide/deactivate?

[capecod]

Hi all,
i have a ComponentMenuItem with a FormPanel inside. I have also some buttons.
The MenuItem should disappear when the button is clicked.

Which is the best way to achive it?

    <ext:Toolbar ID="Toolbar1" runat="server">
        <Items>
            <ext:Button ID="Button1" runat="server" Text="Click">
                <Menu>
                    <ext:Menu ID="Menu1" runat="server">
                        <Items>
                            <ext:ComponentMenuItem ID="MenuItem" Shift="true">
                                <Component>
                                    <ext:FormPanel ID="FormPanel1" 
                                        runat="server" 
                                        Border="false" 
                                        Padding="5"
                                        Layout="form"
                                        LabelAlign="Top"
                                        MonitorValid="true"
                                        BodyStyle="background-color:transparent;">
                                        <Items>
                                            <ext:TextField
                                                runat="server"
                                                ID="TextField"
                                                Width="200" 
                                                MsgTarget="Title" 
                                                AllowBlank="false"
                                                FieldLabel="String" />
                                        </Items>
                                        <Listeners>
                                            <ClientValidation Handler="Button.setDisabled(!valid);" />
                                        </Listeners>
                                        <Buttons>
                                            <ext:Button ID="Button" runat="server" Text="Ok" Icon="BulletTick">
                                                <Listeners>
                                                    <Click Handler="MenuItem.hide();" />
                                                </Listeners>
                                            </ext:Button>
                                        </Buttons>
                                    </ext:FormPanel>
                                </Component>
                            </ext:ComponentMenuItem>
                        </Items>
                    </ext:Menu>
                </Menu>
            </ext:Button>              
        </Items>
    </ext:Toolbar>

[Daniil]

Hi capecod,

I'm not sure there is any way better than the hide() method.

What about disabling of TextField?

Example

<ext:Button ID="Button" runat="server" Text="Ok" Icon="BulletTick">
    <Listeners>
        <Click Handler="TextField.disable();" />
    </Listeners>
</ext:Button>

[capecod]

When i click outside the ComponentMenuItem it disappear.

Is there a way to call that code?

[Daniil]

Hi,

Please use

Menu1.hide()

[capecod]

Awesome!
Much simpler than i was thinking... now that i know the solution :cool:

[Daniil]

Yes, Ext.Net/ExtJS are very flexible and have a great API.

To get a solution for many tasks it just needs to have a look at the docs.

In this case I looked at Menu's API and got this
http://dev.sencha.com/deploy/dev/doc...nu&member=hide