This is a migrated thread and some comments may be shown as answers.

[Solved] Context Menu Cancel Postback in OnClientItemClick

6 Answers 322 Views

This is a migrated thread and some comments may be shown as answers.

Josh Sudbury asked on 08 Apr 2010, 04:03 PM

I am trying to cancel the postback of an onItemClick command inside of an onClientItemClick command.

    
             <script type="text/javascript">  
        
                    function onMenuItemClicked(sender, eventArgs) {  
        
                        alert("Testing");  
        
                        return false;  
        
                    }  
        
            </script> 
        
            <telerik:RadContextMenu ID="menuContextMenu" runat="server" OnClientItemClicked="onMenuItemClicked" 
        
                                                    onitemclick="menuContextMenu_ItemClick">  
        
                <Items> 
        
                   <telerik:RadMenuItem Text="Add Sub Menu" Value="1"></telerik:RadMenuItem> 
        
                   <telerik:RadMenuItem Text="Remove" Value="2"></telerik:RadMenuItem> 
        
                </Items> 
        
                <Targets> 
        
                   <telerik:ContextMenuTagNameTarget TagName="menuNode" /> 
        
                </Targets> 
        
            </telerik:RadContextMenu>

The javascript runs properly as I get the alert but the post back still occurs even though the function returned false.

I have also tried changing the OnClientItemClicked to "return onMenuItemClicked();" but this breaks the RadContextMenu all together and I get errors on the page due to improper syntax.

I have also tried adding "window.event.returnValue = false;" to the javascript but have also had no luck with that.

Any help would be greatly appreciated.

6 Answers, 1 is accepted

answered on 30 Sep 2011, 12:27 PM

The solution doesnot work for me. I have been searching for this over the internet and tried almost all the combinations. Following is the javascript I used (contains all the combinations):

function testRowClick(sender, e) {

e.set_cancel(true);

if (!e) var e = window.event;

e.cancelBubble = true;

if (e.stopPropagation) e.stopPropagation();

window.event.cancelBubble = true

e.cancelBubble = true;

e.returnValue = false;

if (e.stopPropagation) {

e.stopPropagation();

e.preventDefault();

}

aspx:

<telerik:radgrid ID="radGridEmailDetails" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" GridLines="Both" PageSize="12" EnableEmbeddedSkins="false" Skin="HDGrid" OnItemCommand="radGridEmailDetails_ItemCommand" OnItemDataBound="radGridEmailDetails_ItemDataBound" >

<ClientSettings EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<HeaderContextMenu EnableAutoScroll="True">

</HeaderContextMenu>

<PagerStyle Mode="NextPrevAndNumeric" NextPageImageUrl="~/Images/pagination_next.gif" HorizontalAlign="Center"

PrevPageImageUrl="~/Images/pagination_prev.gif" LastPageImageUrl="~/Images/pagination_last.gif"

FirstPageImageUrl="~/Images/pagination_first.gif" ShowPagerText="false" Position="Bottom"/><SortingSettings EnableSkinSortStyles="False" />

<HeaderStyle HorizontalAlign="Center"/>

<ItemStyle HorizontalAlign="Center" />

<AlternatingItemStyle HorizontalAlign="Center" />

<%--<PagerStyle Mode="NextPrev" Position="TopAndBottom" />--%>

<MasterTableView GroupLoadMode="Server" TableLayout="Fixed" Width="100%">

<Columns>

</Columns>

</MasterTableView>

</telerik:RadGrid>

aspx.cs:

radGridEmailDetails.ClientSettings.ClientEvents.OnRowClick = "testRowClick";

Any advice would be appreciated. TIA