Model popup is not showing in my grid column in asp.net?

Question

Hi frnds

 

I an displaying popup in my gridview column i tried but it is not open .

 

anyone tell me where i did mistake .i m sending to my grid code with model popup .

 

 

please let me on this 

 

 

 

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

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<script type="text/javascript">

function ShowHideDivOnButtonClick() {

// $('#Post').hide();

$('#Post').toggle("slow");

return false;

}

</script>

<asp:Panel ID="pnllstgrd" runat="server" ScrollBars="Horizontal">

<asp:GridView ID="grdView" runat="server" AutoGenerateColumns="False" DataKeyNames="UserID"

GridLines="Vertical" Width="100%" CssClass="table-responsive" PageSize="50" AllowPaging="true" OnPageIndexChanging="grdView_PageIndexChanging"

OnRowDataBound="grdView_RowDataBound" OnRowEditing="grdView_RowEditing">

<PagerSettings FirstPageText="« First" LastPageText="Last »" Mode="NumericFirstLast"

PageButtonCount="50" />

<Columns>

<asp:TemplateField ItemStyle-CssClass="Text-Center" HeaderText="S.No.">

<ItemTemplate>

<%#Container .DataItemIndex + 1 %>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="User ID." SortExpression="userid" HeaderStyle-CssClass="Text-Center">

<ItemTemplate>

<a href="javascript:void();" onclick="window.open('<%#DataBinder.Eval(Container.DataItem,"UserID")%>','main','scrollbars=no,fullscreen=no')">

<%# DataBinder.Eval(Container.DataItem, "UserID")%></a>

<asp:Label ID="lblUserNumber" runat="server" Text='<%# Eval("UserID") %>' Visible="false"></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Sender Name/Designation" SortExpression="designation" HeaderStyle-CssClass="Text-Center"

ItemStyle-CssClass="Text-Center">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "designation")%>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Subject" SortExpression="subject" HeaderStyle-CssClass="Text-Center"

ItemStyle-CssClass="Text-Center">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "subject")%>

</ItemTemplate>

</asp:TemplateField>

</Columns>

<EmptyDataTemplate>No Record Available</EmptyDataTemplate>

<PagerStyle CssClass="pgr" />

<RowStyle CssClass="drow" Wrap="True" />

</asp:GridView>

</asp:Panel>

<!-- Popup to display records -->

<asp:Panel ID="pnlDisplay" runat="server" CssClass="ChangeStatus">

<asp:UpdatePanel ID="upDatePanel1" runat="server">

<ContentTemplate>

<table width="100%" cellpadding="0" cellspacing="0">

<tr>

<td valign="top">

<b>UserID</b>

</td>

<td valign="top">

<asp:Literal ID="ltruserid" runat="server"></asp:Literal>

</td>

</tr>

<tr>

<td valign="top">

<b>Comment</b>

</td>

<td valign="top">

<asp:Literal ID="ltrlcomment" runat="server"></asp:Literal>

</td>

</tr>

<tr>

<td colspan="2">

<asp:Button ID="btnCan" runat="server" CssClass="button" Text="Close" />

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Panel>

<asp:Button ID="btnShowDetailsPopup" runat="server" Style="display: none" />

<cc1:ModalPopupExtender ID="mdpAuditTrail" runat="server" TargetControlID="btnShowDetailsPopup"

PopupControlID="pnlDisplay" CancelControlID="btnCan" BackgroundCssClass="modalBackground">

</cc1:ModalPopupExtender>

</asp:Content>