快捷導(dǎo)航

AspNetPager+GridView實(shí)現(xiàn)分頁(yè)的實(shí)例代碼

更新時(shí)間：2013年03月20日 15:46:01 作者：

AspNetPager+GridView實(shí)現(xiàn)分頁(yè)的實(shí)例代碼，需要的朋友可以參考一下

.框架是.NET Framework 4.0
.一共為三個(gè)部分: 前臺(tái)頁(yè)面設(shè)計(jì)代碼、前臺(tái)頁(yè)面程序代碼、css樣式
.其中數(shù)據(jù)庫(kù)連接操作用了DB類(連接語(yǔ)句)，SQLHelper(微軟的數(shù)據(jù)庫(kù)操作類)
效果圖：

前臺(tái)頁(yè)面設(shè)計(jì)代碼

復(fù)制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestWebSite.Default" %>

<%@ Register assembly="AspNetPager" namespace="Wuqi.Webdiyer" tagprefix="webdiyer" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

前臺(tái)頁(yè)面程序代碼

復(fù)制代碼代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using TestWebSite.Utilities;
using System.Data;
using System.Data.SqlClient;
using Wuqi.Webdiyer;

namespace TestWebSite
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                //調(diào)用綁定分頁(yè)和GridView
                BindGridView();
            }
        }

        ////綁定分頁(yè)和GridView方法
        private void BindGridView()
        {
            //查詢語(yǔ)句
            string sequal = "select StandardName as 標(biāo)準(zhǔn)名稱, MakeUpItem as 補(bǔ)償項(xiàng)目, Unit as 單位,"
                + " cast(UnitPrice as decimal(18,2)) as 單價(jià), cast(StandRate as decimal(18,2)) as "
                + "成新率, Type as 分類 from Standard";
            //獲取數(shù)據(jù)表格
            DataTable dt =
                SqlHelper.ExecuteDataset(DB.con, CommandType.Text, sequal).Tables[0];
            //初始化分頁(yè)數(shù)據(jù)源實(shí)例
            PagedDataSource pds = new PagedDataSource();
            //設(shè)置總行數(shù)
            AspNetPager1.RecordCount = dt.Rows.Count;
            //設(shè)置分頁(yè)的數(shù)據(jù)源
            pds.DataSource = dt.DefaultView;
            //設(shè)置當(dāng)前頁(yè)
            pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;
            //設(shè)置每頁(yè)顯示頁(yè)數(shù)
            pds.PageSize = AspNetPager1.PageSize;
            //啟用分頁(yè)
            pds.AllowPaging = true;
            //設(shè)置GridView的數(shù)據(jù)源為分頁(yè)數(shù)據(jù)源
            GridView1.DataSource = pds;
            //綁定GridView
            GridView1.DataBind();
        }

        protected void AspNetPager1_PageChanged(object sender, EventArgs e)
        {
            //調(diào)用綁定分頁(yè)和GridView
            BindGridView();
        }
    }
}

CSS樣式

復(fù)制代碼代碼如下:

.anpager 
{ 
    font: 11px Arial, Helvetica, sans-serif;
    padding:10px 20px 10px 0; 
    margin: 0px;
}
.anpager a 
{
    padding: 1px 6px; 
    border: solid 1px #ddd; 
    background: #fff; 
    text-decoration: none;
    margin-right:2px
}
.anpager a:visited 
{
    padding: 1px 6px; 
    border: solid 1px #ddd; 
    background: #fff; 
    text-decoration: none;
}
.anpager .cpb 
{
    padding: 1px 6px;
    font-weight: bold; 
    font-size: 13px;
    border:none
}
.anpager a:hover 
{
    color: #fff; 
    background: #ffa501;
    border-color:#ffa501;
    text-decoration: none;
}