Hello everyone and thanks for your help in advance. I am completely new to the AJAX toolkit and want to use the ModalPopupExtender to edit a gridview rather than the typical inline method. I am running into problems and amnot sure why. The error I am receiving is:
The TargetControlID of 'popup' is not valid. A control with ID 'lnkEdit' could not be found
I have created the following code:
<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajax:ToolkitScriptManager><div><span class="heading"><asp:Literal ID="ReportType" runat="server"></asp:Literal> Requiring Practitioner Action</span><br /><br /><asp:DataGrid ID="DocsFileList" runat="server" OnItemDataBound="RenderData" GridLines="Horizontal" cellpadding="4" CssClass="DataGrid" AutoGenerateColumns="False"><Columns><asp:TemplateColumn HeaderText="MR Number"><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate><asp:Literal ID="ltlMRNumber" runat="server"></asp:Literal></ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText=" "><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate> </ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText="Patient Name"><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate><asp:Literal ID="ltlPatientName" runat="server"></asp:Literal></ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText=" "><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate> </ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText="Patient DOB"><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate><asp:Literal ID="PatientDOB" runat="server"></asp:Literal></ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText=" "><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate> </ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText="Time Created"><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate><asp:Literal ID="ltlTimeCreated" runat="server"></asp:Literal></ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText=" "><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate> </ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText="Tests Performed"><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate><asp:Literal ID="ltlTests" runat="server"></asp:Literal></ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText=" "><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate> </ItemTemplate></asp:TemplateColumn><asp:TemplateColumn HeaderText=" "><HeaderStyle CssClass="DataGridHeaderGreen"></HeaderStyle><ItemStyle CssClass="DataGridText"></ItemStyle><ItemTemplate><asp:Button ID="btnReview" Text="Review" OnCommand="btnReview_Click" runat="server"></asp:Button></ItemTemplate></asp:TemplateColumn><asp:TemplateColumn><ItemTemplate><asp:LinkButton ID="lnkEdit" runat="server" Text = "Edit"></asp:LinkButton></ItemTemplate></asp:TemplateColumn></Columns></asp:DataGrid><asp:Panel ID="pnlAddEdit" runat="server" CssClass="modalPopup" style = "display:none"><asp:LinkButton ID="lnkFake" runat="server"></asp:LinkButton></asp:Panel><ajax:ModalPopupExtender ID="popup" runat="server" DropShadow="false" PopupControlID="pnlAddEdit" TargetControlID = "lnkEdit" BackgroundCssClass="modalBackground"></ajax:ModalPopupExtender></div>
Any help would be greatly appreciated.