[CLOSED] How to check a menu item on the client?

  1. #1

    [CLOSED] How to check a menu item on the client?

    Hi,

    Please advise how to properly check a menu item on the client. This sample runs fine but doesn't do the trick.

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Ext.Net 2.x</title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
        <script type="text/javascript">
            var checkMenuItem = function () {
                var menuSkin = App.MenuSkin;
                var newTheme = "Neptune";
                menuSkin.items.each(function (item) {
                    if (item.text == newTheme) {
                        item.checked = true;
                    }
                });
            };
        </script>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <ext:Viewport runat="server" Layout="FitLayout">
            <Items>
                <ext:Panel runat="server">
                    <TopBar>
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:Button ID="Button1" runat="server" Text="Check Neptune Theme">
                                    <Listeners>
                                        <Click Handler="checkMenuItem();" />
                                    </Listeners>
                                </ext:Button>
                                <ext:Button ID="ButtonTheme" runat="server" Icon="Paintcan" Text="Select Theme..." AutoDataBind="true" >
                                    <Menu>
                                        <ext:Menu ID="MenuSkin" runat="server">
                                            <Items>
                                                <ext:CheckMenuItem ID="MenuItemDefault" runat="server" Text="Default" Group="theme" Checked="true" />
                                                <ext:CheckMenuItem ID="MenuItemGray" runat="server" Text="Gray" Group="theme" />
                                                <ext:CheckMenuItem ID="MenuItemNeptune" runat="server" Text="Neptune" Group="theme" />
                                                <ext:CheckMenuItem ID="MenuItemAccess" runat="server" Text="Access" Group="theme" />
                                            </Items>
                                        </ext:Menu>
                                    </Menu>
                                </ext:Button>
                            </Items>
                        </ext:Toolbar>
                    </TopBar>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by Daniil; Aug 02, 2013 at 3:57 PM. Reason: [CLOSED]
  2. #2
    Hi Vadym,

    Please use:
    item.setChecked(true);
    http://docs.sencha.com/extjs/4.2.1/#...hod-setChecked

    P.S. We much appreciate that you always provide us with runnable samples.
  3. #3
    Thanks much Daniil! I did have a sneaking suspicion that setting the property was wrong :). Please mark this question as closed.

Similar Threads

  1. Replies: 8
    Last Post: Jul 29, 2012, 10:58 AM
  2. Replies: 2
    Last Post: Apr 02, 2012, 7:48 AM
  3. [CLOSED] Always selected Item is nothing for combobox as menu item
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 04, 2011, 4:51 PM
  4. [CLOSED] Menu inside Component menu item
    By tansu in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 15, 2010, 2:32 PM
  5. Replies: 2
    Last Post: Mar 21, 2010, 1:18 PM

Tags for this Thread

Posting Permissions