ModalPopUpExtender not working

See more:

C#

ASP.NET

Ajax

Hi all!!

i am trying to open a popup open user clicks a button inside gridview. I am using AJAX ModelPopUpExtender. When i am running the project it's not showing me any error but it's not working too. However when i applied breakpoints it says -:

"There is no source code available for the current location."

please help me out. I have registered the tool kit in case u want to know.


.aspx code

<form id="form1" runat="server">
  <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
  </asp:ToolkitScriptManager>

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

<ContentTemplate>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
        BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px"
        CellPadding="2" DataSourceID="SqlDataSource1" ForeColor="Black"
        GridLines="None" onselectedindexchanged="GridView1_SelectedIndexChanged" DataKeyNames="Name">
        <Columns>
            <asp:TemplateField HeaderText="Name">
                <ItemTemplate>
                    <asp:LinkButton ID="lnkbtnName" runat="server" Text='<%# Eval("Name") %>' OnClick="lnkbtnName_Click"></asp:LinkButton>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="Company" HeaderText="Company" />
        </Columns>
        <FooterStyle BackColor="Tan" />
        <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue"
            HorizontalAlign="Center" />
        <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
        <HeaderStyle BackColor="Tan" Font-Bold="True" />
        <AlternatingRowStyle BackColor="PaleGoldenrod" />
    </asp:GridView>

  <br />
  <br />
 <asp:Button runat="server" ID="btnModalPopUp"
          style="display:none"/>
    <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnModalPopUp" PopupControlID="pnlPopUp" OkControlID="btnOk" X="60" Y="100">
    </asp:ModalPopupExtender>

    <asp:Panel runat="server" ID="pnlPopUp">
    <asp:GridView runat="server" ID="GridView2" AutoGenerateColumns="False"
            CellPadding="4" ForeColor="#333333" GridLines="None">
        <RowStyle BackColor="#EFF3FB" />
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <EditRowStyle BackColor="#2461BF" />
        <AlternatingRowStyle BackColor="White" />
        </asp:GridView>
    </asp:Panel>

</ContentTemplate>

  </asp:UpdatePanel>

  <asp:SqlDataSource ID="SqlDataSource1" runat="server"
      ConnectionString="<%$ ConnectionStrings:ujjwalConnectionString %>"
      SelectCommand="SELECT * FROM [Employee] ORDER BY [ID]"></asp:SqlDataSource>

  </form>

.aspx.cs code

public partial class ModelPopUpExtender : System.Web.UI.Page
{
    SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["ujjwalConnectionString"].ConnectionString);
    SqlDataAdapter da;
    protected void Page_Load(object sender, EventArgs e)
    {
        con.Close();
    }
    
    protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
    {

    }

    protected void lnkbtnName_Click(object sender,   EventArgs  e)
    {
        con.Open();
        LinkButton lnkbtnName=  sender as LinkButton ;
        string Name =  lnkbtnName.Text ;
        
        da = new SqlDataAdapter("Select * from Employee where Name ='"+ Name +"' ", con );
       DataSet ds = new DataSet() ;
        da.Fill(ds);
        GridView2.DataSource= ds;
        GridView2.DataBind();
        con.Close();
        ModalPopupExtender1.Show();
    
    }
}