[CLOSED] Showing a toolbar button's menu on mouseover and hiding on mouseout.

I have a panel with a toolbar as shown below. Is there any way to have Button2's menu pop down when the user hovers over the button, and hiding it when the user moves off of the menu. I can get the menu to show on mouseover, but mouseout hides the menu as soon as I move the mouse off of the button itself and not its menu:

Code:

---

<ext:Panel runat="server" Header="false" Region="North" Border="false">
<BottomBar>
    <ext:Toolbar ID="ToolBar1" runat="server" Flat="false">
  <Items>
        <ext:Button ID="Button1" runat="server" Text="Button1">
        </ext:Button>
        <ext:ToolbarSeparator />
    <ext:Button ID="Button2" runat="server" Text="Button2">
    <Menu>
        <ext:Menu runat="server">
            <Items>
          <ext:MenuItem ID="MenuItem1" runat="server" Text="MenuItem1">
              </ext:MenuItem>
          </Items>
          <Listeners>
            <MouseOut Handler="#{btnSetup}.hideMenu();" />
          </Listeners>
          </ext:Menu>
        </Menu>
    <Listeners>
        <MouseOver Handler="#{btnSetup}.showMenu();" />
    </Listeners>
    </ext:Button>
    </Items>
    </ext:Toolbar>
</BottomBar>
</ext:Panel>

---

Hi,

Please see:
http://forums.ext.net/showthread.php...ll=1#post69845