Paging a GridView with Image buttons

In this blog we will know how to do Paging with Image buttons inside a GridView.

<%@ 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">

<title>Untitled Page</title>

</head>

<body>

<div>

<asp:GridView id="g1" Runat="Server" DataKeyNames="EmpId"

AllowPaging="True"

PageSize="2"

AllowSorting="True"

AutoGenerateColumns="False"

CellPadding="2"

HeaderStyle-BackColor="#E0E0E0"

PagerSettings-Position="TopAndBottom"

PagerSettings-Mode="NextPreviousFirstLast"

PagerSettings-FirstPageImageUrl="~/First.gif"

PagerSettings-PreviousPageImageUrl="~/Previous.gif"

PagerSettings-NextPageImageUrl="~/Next.gif"

PagerSettings-LastPageImageUrl="~/Last.gif"

PagerStyle-BackColor="#E0E0E0"

PagerStyle-HorizontalAlign="Center" onpageindexchanging="g1_PageIndexChanging">

<asp:BoundField DataField="EmpId" HeaderText="EmpId" ItemStyle-Width="50"/>

<asp:BoundField DataField="Title" HeaderText="Title" ItemStyle-Width="50"/>

<asp:BoundField DataField="EmpName" HeaderText="EmpName" ItemStyle-Width="50"/>

<asp:BoundField DataField="Address" HeaderText="Address" ItemStyle-Width="50"/>

<asp:BoundField DataField="Phone" HeaderText="Phone" ItemStyle-Width="50"/>

<asp:BoundField DataField="Salary" HeaderText="Salary" ItemStyle-Width="50"/>

<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="50"/>

</Columns>

</asp:GridView>

</div>

</form>

</body>

</html>

using System;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using System.Data.SqlClient;

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

{

string connStr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;

SqlCommand com ;

SqlDataAdapter sqlda;

DataSet ds;

string str;

protected void Page_Load(object sender, EventArgs e)

{

bindgrid();

}

void bindgrid()

{

SqlConnection con = new SqlConnection(connStr);

con.Open();

str = "select * from employee";

com = new SqlCommand(str, con);

sqlda = new SqlDataAdapter(com);

ds = new DataSet();

sqlda.Fill(ds, "employee");

g1.DataMember = "employee";

g1.DataSource = ds;

g1.DataBind();

con.Close();

}

protected void g1_PageIndexChanging(object sender, GridViewPageEventArgs e)

{

g1.PageIndex = e.NewPageIndex;

bindgrid();

}