I want to use same ModalPopupExten der for two different Link Buttons. The Ajax Control Toolkit team decided to make the TargetControlID of the extender required. That's fine when i have single button launching the popup. But if i have multiple buttons, how does the extender know what to set the TargetControlID to? So i created a hidden button and set for the TargetControlID . and in click event for Link Button i just invoke the show event of the popup extender in order to display the popup. BUT i'm having following problem
1> When page loads for the first time panel shows which suppose to be hidden at startup.
2> If i click on LinkButton1 the Popup window launches, now close it and click on Link Button2 then NO popup and i get JavaScript error
saying "Error on the page" and details shows "Permission Denied". If i chage the order of clicking same thing happens for the second button.
Here is my C# code and ASPNET code. I'm really getting annoyed by this AJAX thing. Does it really worth it?
protected void LinkButton1_Cli ck(object sender, EventArgs e)
{
ModalPopupExten der1.TargetCont rolID = "LinkButton 1";
ModalPopupExten der1.Show();
}
protected void LinkButton2_Cli ck(object sender, EventArgs e)
{
ModalPopupExten der1.TargetCont rolID = "LinkButton 2";
ModalPopupExten der1.Show();
}
<%@ Page Language="C#" AutoEventWireup ="true" CodeBehind="Web Form1.aspx.cs" Inherits="AJAXE nabledWebApplic ation.WebForm1" %>
<%@ Register Assembly="AjaxC ontrolToolkit" Namespace="Ajax ControlToolkit" TagPrefix="cc1" %>
<%@ Register TagPrefix="FTB" Namespace="Free TextBoxControls " Assembly="FreeT extBox" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitl ed Page</title>
<link href="Styleshee t1.css" rel="stylesheet " type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<ajax:ScriptMan ager ID="ScriptManag er1" runat="server">
</ajax:ScriptMana ger>
<ajax:UpdatePan el ID="UpdatePanel 1" runat="server">
<ContentTemplat e>
<asp:Button ID="dummybutton " runat="Server" Visible="false" />
<asp:LinkButt on ID="LinkButton1 " runat="server" OnClick="LinkBu tton1_Click">Li nkButton1</asp:LinkButton>
<asp:LinkButt on ID="LinkButton2 " runat="server" OnClick="LinkBu tton2_Click">Li nkButton2</asp:LinkButton>
<asp:Panel ID="Panel1" runat="server" BorderWidth="2p x">
<FTB:FreeTextBo x id="ftb" runat="Server" Focus="False" Width="550" Height="300" TabIndex="0" ImageGalleryPat h="" ImageGalleryUrl ="" RenderMode="Not Set" ToolbarStyleCon figuration="Not Set"/><br />
<asp:Button ID="OkButton" runat="server" Text="Ok" />
<asp:Button ID="CancelButto n" runat="server" Text="Cancel" />
</asp:Panel>
<cc1:ModalPopup Extender ID="ModalPopupE xtender1" runat="server"
TargetControlID ="dummybutto n"
PopupControlID= "Panel1"
BackgroundCssCl ass="modalBackg round"
DropShadow="tru e"
OkControlID="Ok Button"
CancelControlID ="CancelButton" >
</cc1:ModalPopupE xtender>
</ContentTemplate >
</ajax:UpdatePane l>
</form>
</body>
</html>
1> When page loads for the first time panel shows which suppose to be hidden at startup.
2> If i click on LinkButton1 the Popup window launches, now close it and click on Link Button2 then NO popup and i get JavaScript error
saying "Error on the page" and details shows "Permission Denied". If i chage the order of clicking same thing happens for the second button.
Here is my C# code and ASPNET code. I'm really getting annoyed by this AJAX thing. Does it really worth it?
protected void LinkButton1_Cli ck(object sender, EventArgs e)
{
ModalPopupExten der1.TargetCont rolID = "LinkButton 1";
ModalPopupExten der1.Show();
}
protected void LinkButton2_Cli ck(object sender, EventArgs e)
{
ModalPopupExten der1.TargetCont rolID = "LinkButton 2";
ModalPopupExten der1.Show();
}
<%@ Page Language="C#" AutoEventWireup ="true" CodeBehind="Web Form1.aspx.cs" Inherits="AJAXE nabledWebApplic ation.WebForm1" %>
<%@ Register Assembly="AjaxC ontrolToolkit" Namespace="Ajax ControlToolkit" TagPrefix="cc1" %>
<%@ Register TagPrefix="FTB" Namespace="Free TextBoxControls " Assembly="FreeT extBox" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitl ed Page</title>
<link href="Styleshee t1.css" rel="stylesheet " type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<ajax:ScriptMan ager ID="ScriptManag er1" runat="server">
</ajax:ScriptMana ger>
<ajax:UpdatePan el ID="UpdatePanel 1" runat="server">
<ContentTemplat e>
<asp:Button ID="dummybutton " runat="Server" Visible="false" />
<asp:LinkButt on ID="LinkButton1 " runat="server" OnClick="LinkBu tton1_Click">Li nkButton1</asp:LinkButton>
<asp:LinkButt on ID="LinkButton2 " runat="server" OnClick="LinkBu tton2_Click">Li nkButton2</asp:LinkButton>
<asp:Panel ID="Panel1" runat="server" BorderWidth="2p x">
<FTB:FreeTextBo x id="ftb" runat="Server" Focus="False" Width="550" Height="300" TabIndex="0" ImageGalleryPat h="" ImageGalleryUrl ="" RenderMode="Not Set" ToolbarStyleCon figuration="Not Set"/><br />
<asp:Button ID="OkButton" runat="server" Text="Ok" />
<asp:Button ID="CancelButto n" runat="server" Text="Cancel" />
</asp:Panel>
<cc1:ModalPopup Extender ID="ModalPopupE xtender1" runat="server"
TargetControlID ="dummybutto n"
PopupControlID= "Panel1"
BackgroundCssCl ass="modalBackg round"
DropShadow="tru e"
OkControlID="Ok Button"
CancelControlID ="CancelButton" >
</cc1:ModalPopupE xtender>
</ContentTemplate >
</ajax:UpdatePane l>
</form>
</body>
</html>