Display modal popup on click of linkbutton in gridview.

Akash Patel

7y12.9k.NET

I want to display modal popup on click of link button in grid view. below is the code but not displaying modal but the page refreshes.

------------------------------------------------------------

HTML

------------------------------------------------------------

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin_Master.Master" AutoEventWireup="true" CodeBehind="Search_Product.aspx.cs" Inherits="WhizCraft.Admin.Seearch_Product" %>

<%--

Enter Product Name

--%>

CssClass="table table-bordered" AutoGenerateColumns="False"

PagerSettings-Mode="Numeric" onrowdeleting="ProductGridView_RowDeleting" >

<%----%>

<%--

--%>

----------------------------------------------------------

-----------------------------------------------------------

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Configuration;

using System.Data;

using System.Data.SqlClient;

namespace WhizCraft.Admin

{

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

{

SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["WhizcraftDBConnect"].ConnectionString);

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

LoadProducts();

}

private void LoadProducts()

{

try

{

DataTable dt;

using (SqlCommand cmd = new SqlCommand("GetProducts", con))

{

cmd.CommandType = CommandType.StoredProcedure;

using (SqlDataAdapter ad = new SqlDataAdapter(cmd))

{

dt = new DataTable();

ad.Fill(dt);

}

ProductGridView.DataSource = dt;

ProductGridView.DataBind();

}

catch (Exception ex)

{

throw;

}

protected void ProductGridView_RowDeleting(object sender, GridViewDeleteEventArgs e)

{

LinkButton lnkDelete = (LinkButton)ProductGridView.Rows[e.RowIndex].FindControl("lnkDelete");

using (SqlCommand cmd = new SqlCommand("DELETE FROM tblProduct WHERE PID=@PID", con))

{

cmd.Parameters.AddWithValue("@PID", Convert.ToInt32(lnkDelete.CommandArgument));

con.Open();

cmd.ExecuteNonQuery();

con.Close();

}

LoadProducts();

}

protected void ViewImage(object sender, EventArgs e)

{

LinkButton lnkView = sender as LinkButton;

ProductImg.ImageUrl = lnkView.CommandArgument.ToString();

ClientScript.RegisterStartupScript(this.GetType(), "Pop", "openModal();", true);

}

-------------------------------------------------------------------------------------------------------

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo7y ago
remove runat server from here and use js function

0
Akash Patel7y ago
Not Working Did this before
0
Laxmidhar Sahoo7y ago
remove from modeal runat="server" .that make you post back
0
Akash Patel7y ago
No. Its not working i Tried removing tabindex=-1 but not working. What i want to achieve is that:

When i click on linkbutton in gridview , a modal should be displayed with the image. but as i click on linkbutton the page is posted back and the modal disappears.
0
Laxmidhar Sahoo7y ago
this may hapning for tabindex="-1" or any clss used that use the css display:none.

So remove tabindex="-1" and check where used display:none inside the classes used in the modal

containing div
0
Akash Patel7y ago
I did try this onclientclick but as link button is server control it postback and the modal popup shows and disappears. Is there any alternative to link button which shows modal but does not postback?
0
Laxmidhar Sahoo7y ago
runat="server" OnClick="ViewImage"

When you run from server .It post back so your page is refrehed
0
Akash Patel7y ago
Yes it does work but when the linkbutton is click in the gridview for image view the modal shows and disappears and the page is automatically refreshed.
0
Laxmidhar Sahoo7y ago
As openModel() is the js function you taken in client side . So instated of calling server side if you call it in client side I think you may solve .In link button Clientclick event fire this function
0