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

RadContextMenu not firing Ajax Modal Popup Extender

1 Answer 181 Views

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

Paul asked on 19 Feb 2019, 04:28 PM

Hi,

I have a split button and RadContextMenu, however for the life of me cannot get the MPE to fire from the Context items and its driving me up the wall. Can anyone please help point me in the right direction.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowModal.aspx.cs"

Inherits="Default" %>

<%@ Register Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>

<!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 runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadButton EnableSplitButton="true" ID="btnPOSplitBtn" runat="server" Text="Search"

OnClientClicked="OnClientClicked">

</telerik:RadButton>

<telerik:RadContextMenu ID="POActionsMenu" runat="server" OnItemClick="POActionsMenu_ItemClick">

<Items>

<telerik:RadMenuItem Text="Export CSV" Value="3">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Change Status to Printed" Value="4">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Delete Purchase Order" Value="5">

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

<%-- Alert Box --%>

<asp:LinkButton ID="lnkConfirm" runat="server"></asp:LinkButton>

<AjaxControlToolkit:ModalPopupExtender ID="mpeConfirm" runat="server" DropShadow="false" PopupControlID="pnlConfirm" TargetControlID="lnkConfirm" BackgroundCssClass="modalBackground" BehaviorID="Confirmations" CancelControlID="btnCloseConfirm">

</AjaxControlToolkit:ModalPopupExtender>

<asp:Panel ID="pnlConfirm" runat="server" CssClass="modalPopup" Style="display: none; width: 80%; max-height: 80%; overflow-y: auto;">

<h2>Are you sure?</h2>

<p>

<asp:Label ID="lblConfirmAlert" runat="server"></asp:Label>

</p>

<telerik:RadButton ID="btnConfirmClose" runat="server" Text="No - Close" UseSubmitBehavior="false" />

</asp:Panel>

<telerik:RadScriptBlock runat="server">

<script type="text/javascript">

function OnClientClicked(sender, args) {

if (args.IsSplitButtonClick()) {

var currentLocation = $telerik.getLocation(sender.get_element());

var contextMenu = $find("<%=POActionsMenu.ClientID%>");

contextMenu.showAt(currentLocation.x + 75, currentLocation.y + 32);

sender.set_autoPostBack(false);

}

else {

sender.set_autoPostBack(true);

}

</script>

</telerik:RadScriptBlock>

</form>

</body>

</html>

and my code behind.

using System;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void POActionsMenu_ItemClick(object sender, RadMenuEventArgs e)

{

RadContextMenu btn = (RadContextMenu)(sender);

string value = btn.SelectedValue;

switch (value)

{

//View PO

case "1":

break;

//Send me a copy

case "2":

break;

//Export CSV

case "3":

break;

//Change status to printed

case "4":

// btnConfirmYes.CommandArgument = "Change to Printed";

mpeConfirm.Show();

//changeStatusToP();

break;

//Delete po

case "5":

// btnConfirmYes.CommandArgument = "Delete PO";

mpeConfirm.Show();

// deletePO();

break;

}

Thanks in advance, its driving me crazy as it hits the mpeConfirm.show() event but never shows. (CSS not included)

RadContextMenu not firing Ajax Modal Popup Extender

1 Answer, 1 is accepted