Prevent click event on menu item from reloading in asp.net

Question

I am using ASP Menu control with a collection of sub menu items. If user clicks on main menu item it reloads and the screen makes a postback. It irritates the user when clicks on main menu as it is only to list out the categories. How to prevent the loading of page when user clicks on main menu item I tried some code using javascript but its not working.

My ASP menu control:

<asp:Menu ID="mini" OnMenuItemClick="mini_MenuItemClick" runat="server" Orientation="Horizontal" >
    <Items>
        <asp:MenuItem Text="Items">
            <asp:MenuItem Text="sdaad" Value="1" >
                <asp:MenuItem Text="MenuSub1"  Value="MenuSub1" ></asp:MenuItem>
                <asp:MenuItem Text="MenuSub2" Value="MenuSub2" ></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="qwerty" Value="qwerty">
                <asp:MenuItem Text="MenuSub" Value="MenuSub"></asp:MenuItem>
            </asp:MenuItem>
        </asp:MenuItem>
    </Items>
</asp:Menu>

Javascript to handle the issue:

function OnMenuItemClick(s, e) {
    if (e.item.name == "Items")
        e.processOnServer = false;
}

You might want to look at asp:updatepanel

Bayeni
– Bayeni

2015-12-15 09:18:20 +00:00
Commented Dec 15, 2015 at 9:18 — Bayeni
– Bayeni, Commented Dec 15, 2015 at 9:18
Can you please briefly explain it

ifaminsi
– ifaminsi

2015-12-15 09:35:26 +00:00
Commented Dec 15, 2015 at 9:35 — ifaminsi
– ifaminsi, Commented Dec 15, 2015 at 9:35

User2012384 · Accepted Answer · 2015-12-15 09:22:32Z

1

First, put update panel in markup

<asp:UpdatePanel runat="server" id="Update" UpdateModel="Conditional">
</UpdatePanel>

Then use javascript to trigger it:

__doPostBack(<%# Update.ClientID%>, '');

answered Dec 15, 2015 at 9:22

User2012384

4,92717 gold badges74 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

ifaminsi Over a year ago

Where should I add java script code and update control. Sorry I am new to asp.net

ifaminsi Over a year ago

The control with ID 'Update' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it.

User2012384 Over a year ago

Then add <asp:ScriptManager runat="server"/>

ifaminsi Over a year ago

Now javascript code is not working <script type="text/javascript"> _doPostBack(<%# Update.ClientID%>, 'Items');</script>

ifaminsi Over a year ago

Now I got this error The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

Collectives™ on Stack Overflow

Prevent click event on menu item from reloading in asp.net

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related