<script type="text/javascript"> |
function showCreateMenu(e) { |
var contextMenu = $find("<%= CreateMenuOptions.ClientID %>"); |
if ((!e.relatedTarget) || (!$telerik.isDescendantOrSelf(contextMenu.get_element(), e.relatedTarget))) { |
contextMenu.show(e); |
} |
$telerik.cancelRawEvent(e); |
} |
function OnClientShowingHandler(sender, args) { |
var element = sender.get_contextMenuElement(); |
var handler = function(e) { |
var relatedTarget = e.rawEvent.relatedTarget || e.rawEvent.toElement; |
if (!$telerik.isDescendantOrSelf(element, relatedTarget)) { |
sender.hide(); |
$removeHandler(element, "mouseout", handler); |
return; |
} |
}; |
$addHandler(element, "mouseout", handler); |
} |
</script> |
<telerik:RadContextMenu ID="CreateMenuOptions" runat="server" OnClientShowing="OnClientShowingHandler" ExpandDelay="500"> |
<Items> |
<telerik:RadMenuItem Text="Create Sales Order" Value="mnuCreateSO" /> |
<telerik:RadMenuItem Text="Create Quote" Value="mnuCreateQuote" /> |
</Items> |
<Targets> |
<telerik:ContextMenuControlTarget ControlID="CreateMenuOptions" /> |
</Targets> |
</telerik:RadContextMenu> |
<asp:ImageButton ID="btnCreate" runat="server" CommandName="Create" onmouseover="showCreateMenu(event);" ImageUrl="~/images/toolbar_icon.png"></asp:ImageButton> |
I have an ImageButton mouseover event which calls a JS function to show a RadContextMenu. This function works properly. However, the ExpandDelay setting of the RadContextMenu is not being used. When I mouseover the ImageButton the menu is displayed immediately. What can I do about this? I am using the 2009.1.402.35 controls.