[CLOSED] How mouseover can fire at button with menu?

[rnachman]

Hi,

I have a button with menu. I need to show the show the menu while mouse move over to the button. I have tried as following but it is not showing...

<ext:Button ID="btnOverview" runat="server" Text="Overview">
                                        <Menu>
                                            <ext:Menu ID="mnuOverview" runat="server">
                                                <Items>
                                                    <ext:MenuItem ID="mnuDashBoard" runat="server" Text="Dashboard" Icon="ApplicationViewTile">
                                                        <DirectEvents>
                                                            <Click OnEvent="btnDashboard_Click">
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuItem ID="mnuOverViewCalendar" runat="server" Text="Calendar" Icon="Calendar">
                                                        <DirectEvents>
                                                            <Click OnEvent="btnCalendar_Click">
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuItem ID="mnuNewsFeed" runat="server" Text="News Feed" IconCls="summary">
                                                        <DirectEvents>
                                                            <Click OnEvent="btnFeeds_Click">
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuItem ID="mnuContacts" runat="server" Text="Contacts" Icon="Vcard">
                                                        <DirectEvents>
                                                            <Click OnEvent="btnContacts_Click">
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                </Items>
                                            </ext:Menu>
                                        </Menu>
                                        <Listeners>
                                        <MouseOver Handler="this.fireEvent('click')" />
                                        </Listeners>
                                    </ext:Button>

This listener is firing but menu is not showing

[Daniil]

Hi,

Example

<ext:Button runat="server" Text="Menu">
    <Menu>
        <ext:Menu runat="server">
            <Items>
                <ext:MenuItem runat="server" Text="Item 1" />
                <ext:MenuItem runat="server" Text="Item 2" />
            </Items>
        </ext:Menu>
    </Menu>
    <Listeners>
        <MouseOver Handler="this.showMenu();" />
    </Listeners>
</ext:Button>

You might be also interested to look at the following example how to hide the menu on mouse leave.
http://forums.ext.net/showthread.php...ll=1#post71246