Show Gridview Data in Popup Using RowData Bound in ASP.Net

Nilesh Jadav
Jun 20, 2015
31.1k
0
0
Article

Initial Chamber

Step 1

Open Your Visual Studio 2010 and create an Empty Website, provide a suitable name (RowDataBoundPopUp_demo).

Step 2

In Solution Explorer you get your empty website then add a web as in the following:

For Web Form:

RowDataBoundPopUp _demo (Your Empty Website) then right-click then select Add New Item -> Web Form. Name it as -> RowDataBoundPopUp _demo.aspx.

Well here we will not use any SQL Server for making a table or Stored Procedure, we will make our table at the server side so that we can fetch the row of the table easily and also this article relates to RowDataBound too.

Design Chamber

Step 3

Open your RowDataBoundPopUp_demo.aspx page and provide the code for designing our GridView. Look at the following code.

RowDataBoundPopUp_demo.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 240px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width:100%;">
<tr>
<td>
</td>
<td class="style1">
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td class="style1">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px"
CellPadding="4" DataKeyNames="id" GridLines="Horizontal"
onrowcommand="GridView1_RowCommand">
<Columns>
<asp:TemplateField HeaderText="Name">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("name") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("name") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Education">
<EditItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("education") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# Bind("education") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Location">
<EditItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("location") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label3" runat="server" Text='<%# Bind("location") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<EditItemTemplate>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Button ID="Button1" runat="server" CommandName="Select"
CommandArgument="<%# Container.DataItemIndex%>" Text="Click to PopUp Me" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="White" ForeColor="#333333" />
<HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="White" ForeColor="#333333" />
<SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F7F7F7" />
<SortedAscendingHeaderStyle BackColor="#487575" />
<SortedDescendingCellStyle BackColor="#E5E5E5" />
<SortedDescendingHeaderStyle BackColor="#275353" />
</asp:GridView>
</td>
</tr>
<tr>
<td>
</td>
<td class="style1">
</td>
<td>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

Your GridView will look like this:

grid view

Code Chamber

Step 4

Open the RowDataBoundPopUp_demo.aspx.cs file to write some code and make our application complete.

RowDataBoundPopUp_demo.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
refreshdata();
}
}
public void refreshdata()
{
// for making Table
DataTable dt = new DataTable();
// these are the table columns
dt.Columns.Add("id", typeof(Int32));
dt.Columns.Add("name", typeof(string));
dt.Columns.Add("education", typeof(string));
dt.Columns.Add("location", typeof(string));
// these are the table rows with values
dt.Rows.Add(1, "Nilesh", "B.E(IT)", "Rajkot");
dt.Rows.Add(2,"Purnima", "B.E(CSE)", "Rajkot");
dt.Rows.Add(2, "Chandni", "MSc(IT)", "Ahmedabad");
dt.Rows.Add(2, "Rinku", "MBA", "Pune");
dt.Rows.Add(2, "Nilu", "MBBS", "Bikaner");
GridView1.DataSource = dt;
GridView1.DataBind();
}
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
if (e.CommandName== "Select")
{
int Index =Convert.ToInt32(e.CommandArgument.ToString());
GridViewRow row = GridView1.Rows[Index];
string name = (row.FindControl("Label1") as Label).Text;
string education = (row.FindControl("Label2") as Label).Text;
string location= (row.FindControl("Label3") as Label).Text;
ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('Name:" + name + "\\nEducation:" + education +"\\nLocation:"+location+" ');", true);
}
}
}