Blue Theme Orange Theme Green Theme Red Theme
 
Home | Forums | Videos | Photos | Downloads | Blogs | Interviews | Jobs | Beginners | Training
 | Consulting  
Submit an Article Submit a Blog 
 Jump to
Skip Navigation Links
TechnologyExpand Technology
WebsiteExpand Website
 Resources  
Close
 Our Network  
Close
Search :       Advanced Search »
Home » ASP.NET & Web Forms » DataList Custom Paging in ASP.NET using C#

DataList Custom Paging in ASP.NET using C#


This article describes DataList Paging with Next, previous and First, Last page access functionality. A numbers list is also displayed for acessing pages faster.

Total page views :  30385
Total downloads :  2178
   Print Read/Post comments Post a comment  Similar Articles  
   Email to a friend  Bookmark  Author's other articles  
Download Files:
DataList-Custom-Paging.zip
 
Become a Sponsor


Introduction

This article describes DataList Paging with Next, previous and First, Last page access functionality. A numbers list is also displayed for accessing pages faster.

datatlist_paging.JPG

Background

Few days back when I required to implement custom paging in DataList(like a google paging). I search out the Internet but did not find any perfect code. Then after some effort I wrote my own code. I decided to share it with other users. Surely this will help other developers.

Using the code

Here we will discuss complete example code.

HTML in Default.aspx contains two DataList's

1) dListItems (Main DataList showing actual contents to implement paging)

2) dlPaging (used for displaying page numbers as navigation links).

Four LinkButton's to move next, previous, first and last page

A Label to display current page number out of total number of pages.

Now we come to .cs code. There are three get, set properties

1-CurrentPage (To keep current page index)

2-fistIndex & 3-lastIndex (These two properties are used to for paging DataList)

    private int CurrentPage
    {
        get
        {
            object objPage = ViewState["_CurrentPage"];
            int _CurrentPage = 0;
            if (objPage == null)
            {
                _CurrentPage = 0;
            }
            else
            {
                _CurrentPage = (int)objPage;
            }
            return _CurrentPage;
        }
        set { ViewState["_CurrentPage"] = value; }
    }
    private int fistIndex
    {
        get
        {
 
            int _FirstIndex = 0;
            if (ViewState["_FirstIndex"] == null)
            {
                _FirstIndex = 0;
            }
            else
            {
                _FirstIndex = Convert.ToInt32(ViewState["_FirstIndex"]);
            }
            return _FirstIndex;
        }
        set { ViewState["_FirstIndex"] = value; }
    }
    private int lastIndex
    {
        get
        {
 
            int _LastIndex = 0;
            if (ViewState["_LastIndex"] == null)
            {
                _LastIndex = 0;
            }
            else
            {
                _LastIndex = Convert.ToInt32(ViewState["_LastIndex"]);
            }
            return _LastIndex;
        }
        set { ViewState["_LastIndex"] = value; }
    }

we need a PagedDataSource object to get and set various properties for custom paging

PagedDataSource _PageDataSource = new PagedDataSource();

GetDataTable() method simply returns a DataTable. In example code i
am not pulling data from database. i have created a custom DataTable
and added 100 Rows to DataTable using for loop.

    private DataTable GetDataTable()
    {
        DataTable dtItems = new DataTable();
 
        DataColumn dcName = new DataColumn();
        dcName.ColumnName = "title";
        dcName.DataType = System.Type.GetType("System.String");
        dtItems.Columns.Add(dcName);
 
        DataRow row;
        for (int i = 1; i <= 100; i++)
        {
            row = dtItems.NewRow();
            row["title"] = "Sample Row: I am putting here sample text for row " + i;
            dtItems.Rows.Add(row);
 
        }
        return dtItems;
 
    }

Method BindItemsList() gets DataTable by calling GetDataTable() method

Create DataSource for _PageDataSource, set PageDataSource properties and at the end binds PageDataSource to dListItems.

    private void BindItemsList()
    {
 
        DataTable dataTable = this.GetDataTable();
        _PageDataSource.DataSource = dataTable.DefaultView;
        _PageDataSource.AllowPaging = true;
        _PageDataSource.PageSize = 10;
        _PageDataSource.CurrentPageIndex = CurrentPage;
        ViewState["TotalPages"] = _PageDataSource.PageCount;
 
        this.lblPageInfo.Text = "Page " + (CurrentPage + 1) + " of " + _PageDataSource.PageCount;
        this.lbtnPrevious.Enabled = !_PageDataSource.IsFirstPage;
        this.lbtnNext.Enabled = !_PageDataSource.IsLastPage;
        this.lbtnFirst.Enabled = !_PageDataSource.IsFirstPage;
        this.lbtnLast.Enabled = !_PageDataSource.IsLastPage;
 
        this.dListItems.DataSource = _PageDataSource;
        this.dListItems.DataBind();
        this.doPaging();
    }

BindItemsList() calls doPaging() method which actually binds paging DataList.

    private void doPaging()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("PageIndex");
        dt.Columns.Add("PageText");
 
        fistIndex = CurrentPage - 5;
 
        if (CurrentPage > 5)
        {
            lastIndex = CurrentPage + 5;
        }
        else
        {
            lastIndex = 10;
        }
        if (lastIndex > Convert.ToInt32(ViewState["TotalPages"]))
        {
            lastIndex = Convert.ToInt32(ViewState["TotalPages"]);
            fistIndex = lastIndex - 10;
        }
 
        if (fistIndex < 0)
        {
            fistIndex = 0;
        }
 
        for (int i = fistIndex; i < lastIndex; i++)
        {
            DataRow dr = dt.NewRow();
            dr[0] = i;
            dr[1] = i + 1;
            dt.Rows.Add(dr);
        }
 
        this.dlPaging.DataSource = dt;
        this.dlPaging.DataBind();
    }
 
Make a to Call BindItemList Method at PageLoad()
 
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            this.BindItemsList();
        }
    }
dlPaging_ItemCommand sets CurrentPage Property and again makes a call to BindItemsList()
    protected void dlPaging_ItemCommand(object source, DataListCommandEventArgs e)
    {
        if (e.CommandName.Equals("Paging"))
        {
            CurrentPage = Convert.ToInt16(e.CommandArgument.ToString());
            this.BindItemsList();
        }
    }

dlPaging_ItemDataBound will set Enabled equals to false when binding the LinkButton which is currently clicked from paging list

    protected void dlPaging_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        LinkButton lnkbtnPage = (LinkButton)e.Item.FindControl("lnkbtnPaging");
        if (lnkbtnPage.CommandArgument.ToString() == CurrentPage.ToString())
        {
            lnkbtnPage.Enabled = false;
            lnkbtnPage.Style.Add("fone-size", "14px");
            lnkbtnPage.Font.Bold = true;
 
        }
    }

and at the end we have Event Handlers for next, previous, first & last LinkButton's

    protected void lbtnNext_Click(object sender, EventArgs e)
    {
        CurrentPage += 1;
        this.BindItemsList();
 
    }
    protected void lbtnPrevious_Click(object sender, EventArgs e)
    {
        CurrentPage -= 1;
        this.BindItemsList();
 
    }
    protected void lbtnLast_Click(object sender, EventArgs e)
    {
 
        CurrentPage = (Convert.ToInt32(ViewState["TotalPages"]) - 1);
        this.BindItemsList();
 
    }
    protected void lbtnFirst_Click(object sender, EventArgs e)
    {
 
        CurrentPage = 0;
        this.BindItemsList();
 
    }


Login to add your contents and source code to this article
 About the author
 
Rizwan Javed

4 years of experience in Asp.Net, C#, VB.NET, Ajax, JavaScript, XML, DHTML, XHTML, Web Services, Window Services, MS SQL

Looking for C# Consulting?
C# Consulting is founded in 2002 by the founders of C# Corner. Unlike a traditional consulting company, our consultants are well-known experts in .NET and many of them are MVPs, authors, and trainers. We specialize in Microsoft .NET development and utilize Agile Development and Extreme Programming practices to provide fast pace quick turnaround results. Our software development model is a mix of Agile Development, traditional SDLC, and Waterfall models.
Click here to learn more about C# Consulting.
 
Introducing MaxV - one click. infinite control. Hyper-V Hosting from MaximumASP.
Finally – a virtual platform that delivers next-generation Windows Server 2008 Hyper-V virtualization technology from a managed hosting partner you can truly depend on. Visit www.maximumasp.com/max for a FREE 30 day trial. Hurry offer ends soon. Climb aboard the MaxV platform and take advantage of High Availability, Intelligent Monitoring, Recurrent Backups, and Scalability – with no hassle or hidden fees. As a managed hosting partner focused solely on Microsoft technologies since 2000, MaximumASP is uniquely qualified to provide the superior support that our business is built on. Unparalleled expertise with Microsoft technologies lead to working directly with Microsoft as first to offer IIS 7 and SQL 2008 betas in a hosted environment; partnering in the Go Live Program for Hyper-V; and product co-launches built on WS 2008 with Hyper-V technology.
Dynamic PDF
ceTE software specializes in components for dynamic PDF generation and manipulation. The DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and new content to existing PDF documents from within your applications.
SQL and .NET performance profiling in one place
Investigate SQL and .NET code side-by-side with ANTS Performance Profiler 6, so you can see which is causing the problem without switching tools.
Go.NET
Build custom interactive diagrams, network, workflow editors, flowcharts, or software design tools. Includes many predefined kinds of nodes, links, and basic shapes. Supports layers, scrolling, zooming, selection, drag-and-drop, clipboard, in-place editing, tooltips, grids, printing, overview window, palette. 100% implemented in C# as a managed .NET Control. Document/View/Tool architecture with many properties&events. Optional automatic layout.
Dundas Software
Dundas Chart for .NET is the most advanced .NET charting package available today.  With an extremely complete feature set, elegant architecture and easy implementation, Dundas Chart can quickly add advanced Charting functionality to enhance and transform ASP.NET and Windows Forms applications.  Whether you are implementing charting into internal projects, or building applications for clients, Dundas Chart offers advanced technology and advanced results to get the most out of data.
60 FREE UI Controls from DevExpress
Register for your FREE copy on over 60 free presentation controls from DevExpress - Absolutely Free-of-Charge without any royalties or distribution costs. Visit Devexpress.com/60 today. Free controls include advanced lists box, dropdown calendar, rich text edit, spin edit, tab control and so much more!

DevExpress engineers feature rich presentation controls and reporting tools for WinForms, ASP.NET, WPF, and Silverlight. Our technologies help you build your best, see complex software with greater clarity and deliver compelling business solutions for Windows and the web in the shortest possible time.
Clickatell's SMS Gateway
Clickatell's Developer Solutions allow you to SMS enable any website or application via a range of API's. Learn More about our API connections.
Free access to .NET Memory Management video
Everything you need to know about Garbage Collection, Temporary Objects, Fragmentation, Finalization and common causes of memory leaks in .NET. Watch the video here.
Microsoft Visual Studio 2010
Visualize your workspace with new multiple monitor support, powerful Web development, new SharePoint support with tons of templates and Web parts, and more accurate targeting of any version of the .NET Framework. Get set to unleash your creativity.
Nevron Chart for .NET 2010.1 Now Available
The leading .NET charting control now features PDF, Flash and Silverlight export, visualization of large datasets and more. Deliver true charting functionality to your BI, Scorecard, Presentation or Scientific apps. Download evaluation now.
Developer-Ready ASP.NET 2.0 Web Hosting with 3 MONTHS FREE
Now supporting .NET 3.0 Framework with Windows Workflow Foundation, Windows Communication Foundation (WCF), Windows Presentation Foundation (WPF), windows CardSpace (WCS)! Providing more flexibility for Developers with Web Services Support and a User/Permission Manger. Also supporting MS SQL 2005/2000 with Real-Time Backups, FREE Automated Attach .MDF Tool, FREE SQL Restore and Shrink SQL DB Tools, and SQL
Read the Top 10 Books for Microsoft Developers, 15 Days FREE
Read the Top 10 Books for Microsoft Developers, 15 Days FREE
Try Safari Books Online - 15 Days FREE + 15% Off for 1 Year
Try Safari Books Online - 15 Days FREE + 15% Off for 1 Year
 
 Post a Feedback, Comment, or Question about this article
Subject:
Comment:
Nevron Diagram
Become a Sponsor
 Comments
great work!!!!!!! by joohitha On March 6, 2009
Thank u very much. U know iam serching for the same code for so many days. It's Wroking fine.
Reply | Email | Delete | Modify | 
Re: great work!!!!!!! by Rizwan On March 8, 2009
Its my pleasure that it helped you out....
Reply | Email | Delete | Modify | 
great work by pramod On May 4, 2009
its greate help thank your
Reply | Email | Delete | Modify | 
Your sample code is not working by troy On June 8, 2009
Hi , I have worked your sample code its not working , instead of gettable function i have used database , first it shows the 10 records then when i click the next navigation link it has not shown the remaining records..

I have converted your code to vb.net  if you want the code let me know...?
Reply | Email | Delete | Modify | 
paging in sql datasource bound repeater by hhill On June 15, 2009
Hi all,
can anyone plz help me how can i page a repeater that is bound to a sql datasource??

any help will be appreciated..:)
Reply | Email | Delete | Modify | 
very nice article by summaiya On June 24, 2009
thank you very much for this article
Reply | Email | Delete | Modify | 
superb.. really helpful by priyanka On September 22, 2009
thanx so much for this code..
Reply | Email | Delete | Modify | 
Thanks :) by cihangir On October 9, 2009
Hi my names cihangir.Iam from Turkey. this is beautiful project. tahnks.
Reply | Email | Delete | Modify | 
re great work by asd On November 24, 2009
Thanks maan.. it really made my life easy
Reply | Email | Delete | Modify | 
Thank you by Iman On November 24, 2009
I used your code , thanks a lot.
Reply | Email | Delete | Modify | 
Thanks by foram On March 12, 2010
Thanks Man....
It helps me alot....
Reply | Email | Delete | Modify | 
Great Man From ROHIT J PURANIK by amol On March 14, 2010
Hey Thank u very much.... Really this code helps me lot......
Good Bless u...........
Reply | Email | Delete | Modify | 
Thanks for posting. by gayathri On April 20, 2010

Hi this is Gayathri. I was looking for the same code. I am using ASP.net with c# in my project. I have a Table Class instead of DataTable. So can i use this same method for my project. If yes what should i specify instead of the code below in BindItemList():

"_pageDataSource.DataSource=dataTable.DefaultView"

Can You please help?

Reply | Email | Delete | Modify | 
Re: Thanks for posting. by Rizwan On April 22, 2010
Thanks all for the Appreciation.

gaya3cr, The Table Class is your custom built. ??
you just need to create a DataView object and assign it to PageDataSource.  it will work.
Reply | Email | Delete | Modify | 
Re: Re: Thanks for posting. by gayathri On April 22, 2010
Thanks for the Response. yes I Dynamically create ASP table control in .cs file.

Sorry it wasn't working and i am bit confused on how to relate the ASP Table control with the DataView i create. Can you help me on this?

Am posting a small part of my code below:def.aspx.cs contains:

DbProviderFactory dbProviderFactory = DbProviderFactories.GetFactory("System.Data.SqlClient");

using (DbConnection conn = dbProviderFactory.CreateConnection())
{
string s = ConfigurationManager.ConnectionStrings["forumConnectionString"].ConnectionString;
conn.ConnectionString = s;
conn.Open();
DbCommand cmd = conn.CreateCommand();
cmd.CommandText=
"SELECT TOP (5) PredictId, PredictionTopic, Memlgname, MemPrediction, UknowY, MemVote, RowId FROM Forumtable ORDER BY RowId asc";

DbDataReader reader = cmd.ExecuteReader();
while (reader.Read())
{

TableRow r1 = new TableRow();

TableCell c1 = new TableCell();

c1.Text = reader["MemPrediction"].ToString();

r1.Cells.Add(c1);

Tablevar1.Rows.Add(r1);//Tablevar1 is the name of the ASP table control i drag and dropped in .aspx page.

}

reader.Close();
conn.Close();

-Can you tell me where should i create Dataview and how to Assign this Table control?

-Thanks
Gayathri
Reply | Email | Delete | Modify | 
nice code by priya On April 23, 2010
thks for the article ...is this code applicable for pagination in asp.net web services
Reply | Email | Delete | Modify | 
EXELENTE!! by darwin On May 31, 2010
MUCHAS GRACIAS POR EL CODIGO, LO ESTUBE BUSCANDO POR ALGUN TIEMPO, GRACIAS NUEVAMENTE!!!...
Reply | Email | Delete | Modify | 
Thanks, working good by Haris On July 2, 2010
But, i have one issue. i have drop down in my data list, i select some value in first page and i click next button and once again when i came back to previous selected value from drop down is not there, entair Data-list is binding once again. can u help me, advance thanks...
Reply | Email | Delete | Modify | 
Thanks Rizwan Bhai by shahid On July 22, 2010
I m desktop developer new to web beast. Your code helped me and took me out of a tight spot.

Thanks,
Reply | Email | Delete | Modify | 
thanks by ram On July 26, 2010
great i enjoyed it.
thanks
Reply | Email | Delete | Modify | 
ASP.Net 4 Hosting is here
 Hosted by MaximumASP  |  Found a broken link?  |  Contact Us  |  Terms & conditions  |  Privacy Policy  |  Site Map  |  Suggest an Idea  |  Media Kit
Current Version: 5.2010.8.14
 © 2010  contents copyright of their authors. Rest everything copyright Mindcracker. All rights reserved.