[CLOSED] Menu not close and remain highlighted after clicked

Hi,

I create the menu using below code.
But when I clicked the menu item, the menu is not automatically close and the item is remain highlighted (please see attach).
Would you please advise?

Thanks

Code:

---

<ext:Button ID="btnPMenu_Menu" runat="server" >                                           
    <Menu>
        <ext:Menu ID="PriorityMenu" runat="server" ShowSeparator="false">
            <Items>
                <ext:ComponentMenuItem ID="ComponentMenuItem_PriorityMenu" runat="server" Shift="false">
                <Component>
                    <ext:Container ID="Container_PriorityMenu" runat="server" Width="600" Height="200" Layout="HBox">
                    <Items>
                        <ext:MenuPanel ID="MenuPanel_PMenuAbnormal" runat="server" Flex="1" Title="ABNORMAL" Margins="0 5 0 0" Cls="white-menu">
                            <Menu ID="Menu_PMenuAbnormal" runat="server" ShowSeparator="false">
                            <Items>
                                <ext:MenuItem ID="MenuItem7" runat="server" Text="GENERAL LAB" />
                                <ext:MenuItem ID="MenuItem8" runat="server" Text="RADIOLOGY" />                                                                                       
                            </Items>
                            </Menu>
                        </ext:MenuPanel>                                                                           
                        <ext:MenuPanel ID="MenuPanel_PMenuNormal" runat="server" Flex="1" Title="NORMAL" Margins="0 5 0 0" Cls="white-menu">
                            <Menu ID="Menu_PMenuNormal" runat="server" ShowSeparator="false">
                            <Items>
                                <ext:MenuItem ID="MenuItem10" runat="server" Text="GENERAL LAB" />                                                                                                                                                                   
                            </Items>
                            </Menu>
                        </ext:MenuPanel>                                                                                                                                                                                                                                                                           
                    </Items>
                    </ext:Container>
                </Component>
                </ext:ComponentMenuItem>
            </Items>
        </ext:Menu>
    </Menu>
</ext:Button>

---

Hi,

Please set up the following ItemClick listener for the MenuPanel's menus.

Code:

---

<ext:MenuPanel ...>
    <Menu ...>
        <Listeners>
            <ItemClick Handler="btnPMenu_Menu.hideMenu();" />
        </Listeners>
    </Menu>
</ext:MenuPanel>

---

Hi Daniil,

Thanks.. The menu is close now, but the highlighted items are still there.
How to remove the highlight from code behind? I am using listener to call the direct method

Please set SaveSelection="false" for the MenuPanels.

Hi Daniil,

I have already set SaveSelection="false" for the MenuPanels, but the highlights are still there.
If I remove the listener, the highlight is gone after I click the items. But if I put the listener back, the highlights are still there after I click the items.

Thanks

Code:

---

<ext:Button ID="btnPMenu_Menu" runat="server" >                                           
<Menu>
    <ext:Menu ID="PriorityMenu" runat="server" ShowSeparator="false">
        <Items>
            <ext:ComponentMenuItem ID="ComponentMenuItem_PriorityMenu" runat="server" Shift="false">
                <Component>
                    <ext:Container ID="Container_PriorityMenu" runat="server" Width="600" Height="200" Layout="HBox">
                        <Items>
                            <ext:MenuPanel ID="MenuPanel_PMenuAbnormal" runat="server" Flex="1" Title="ABNORMAL" Margins="0 5 0 0" Cls="white-menu" SaveSelection="false">
                                <Menu ID="Menu_PMenuAbnormal" runat="server" ShowSeparator="false">
                                    <Items>
                                        <ext:MenuItem ID="MenuItem7" runat="server" Text="GENERAL LAB">
                                            <Listeners>
                                                                                                <Click Handler="menuclick();" />
                                            </Listeners>
                                        </ext:MenuItem>
                                        <ext:MenuItem ID="MenuItem8" runat="server" Text="RADIOLOGY">
                                            <Listeners>
                                                                                                <Click Handler="menuclick();" />
                                            </Listeners>
                                        </ext:MenuItem>
                                    </Items>
                                </Menu>
                            </ext:MenuPanel>                           
                            <ext:MenuPanel ID="MenuPanel_PMenuNormal" runat="server" Flex="1" Title="NORMAL" Margins="0 5 0 0" Cls="white-menu" SaveSelection="false">
                                <Menu ID="Menu_PMenuNormal" runat="server" ShowSeparator="false">
                                    <Items>
                                        <ext:MenuItem ID="MenuItem10" runat="server" Text="GENERAL LAB">                   
                                            <Listeners>
                                                                                                <Click Handler="menuclick();" />
                                            </Listeners>
                                        </ext:MenuItem>
                                    </Items>
                                </Menu>
                            </ext:MenuPanel>     
                        </Items>
                    </ext:Container>
                </Component>
            </ext:ComponentMenuItem>
        </Items>
    </ext:Menu>
</Menu>
</ext:Button>

---

Please try to set up Delay="100" for the listeners:

Code:

---

<Click Handler="menuclick();" Delay="100" />

---

Hi Daniil,

The highlights are still there...

Ok, then I can suggest the following ItemClick listener of menus.

Code:

---

<script type="text/javascript">
    var menuclick = function () {
        var menuPanel = Ext.getCmp(this.el.findParent(".x-panel").id);
        menuPanel.clearSelection();   
        btnPMenu_Menu.hideMenu();
    };
</script>

<ItemClick Fn="menuclick" />

---

Hi Daniil,

The highlight is gone now. Thanks..