open a radcontextmenu on left click of a radbutton

[Sigma]

hii,
How can i open a radcontextmenu on left click of a radbutton?


thanks...

[Shinu]

Hi Sigma,

Try the following code snippet to achieve your scenario.

ASPX:

<telerik:RadButton ID="RadButton1" runat="server" Text="Show" OnClientClicked="OnClientClicked">
</telerik:RadButton>
<telerik:RadContextMenu ID="RadContextMenu1" runat="server"  >
     <Items>
          <telerik:RadMenuItem Text="RadMenuItem1">
          </telerik:RadMenuItem>
          <telerik:RadMenuItem Text="RadMenuItem2">
          </telerik:RadMenuItem>
          <telerik:RadMenuItem Text="RadMenuItem3">
          </telerik:RadMenuItem>
     </Items>
</telerik:RadContextMenu>

JS:

<script type="text/javascript">
    function OnClientClicked(sender, args) {
        var contextMenu = $find("<%= RadContextMenu1.ClientID %>");
        contextMenu.show(args);
    }
</script>

Regards,
Shinu.

[Sam]

I had to add this:

<script type="text/javascript">
    function OnClientClicked(sender, args) {
        var contextMenu = $find("<%= RadContextMenu1.ClientID %>");
        contextMenu.show(args);
        $telerik.cancelRawEvent(event);
    }
</script>

[Marin Bratanov]

Hi Sam,

You can call the client-side hide() method of the RadContextMenu when you want it to hide: https://docs.telerik.com/devtools/aspnet-ajax/controls/menu/client-side-programming/objects/radmenu-and-radcontextmenu-objects#radcontextmenu-specific-api.

To this end you can attach event handlers to the page (e.g., click for the body, mouseover for the body) and check whether the event originates from the menu, in a fashion similar to this thread: https://www.telerik.com/forums/how-to-show-hide-menu-on-mouseover-and-mouseout.

Regards,

Marin Bratanov
Progress Telerik