主頁 > 知識(shí)庫 > AspNetPager+GridView實(shí)現(xiàn)分頁的實(shí)例代碼

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

熱門標(biāo)簽:內(nèi)蒙古智能電銷機(jī)器人哪家強(qiáng) 泰州手機(jī)外呼系統(tǒng)軟件 地圖標(biāo)注位置多的錢 山東防封電銷卡辦理套餐 百度地圖標(biāo)注點(diǎn)擊事件 怎樣在地圖標(biāo)注消火栓圖形 杭州智能電話機(jī)器人 廈門四川外呼系統(tǒng) 濟(jì)源人工智能電話機(jī)器人價(jià)格

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


前臺(tái)頁面設(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">

html xmlns="http://www.w3.org/1999/xhtml">
head runat="server">
    title>/title>
    link href="Styles/Paging.css" rel="stylesheet" type="text/css" />
/head>
body>
    form id="form1" runat="server">
    div>

        asp:GridView ID="GridView1" runat="server" Height="261px" Width="737px"
            CellPadding="4" ForeColor="#333333" GridLines="None">
            AlternatingRowStyle BackColor="White" />
            EditRowStyle BackColor="#2461BF" />
            FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            HeaderStyle HorizontalAlign="Left" BackColor="#507CD1" Font-Bold="True"
                ForeColor="White" />
            PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
            RowStyle BackColor="#EFF3FB" />
            SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            SortedAscendingCellStyle BackColor="#F5F7FB" />
            SortedAscendingHeaderStyle BackColor="#6D95E1" />
            SortedDescendingCellStyle BackColor="#E9EBEF" />
            SortedDescendingHeaderStyle BackColor="#4870BE" />
        /asp:GridView>

    /div>
    webdiyer:AspNetPager ID="AspNetPager1" runat="server"
        onpagechanged="AspNetPager1_PageChanged" CssClass="anpager"
        CurrentPageButtonClass="cpb" FirstPageText="首頁" LastPageText="尾頁"
        NextPageText="后頁" PrevPageText="前頁">
    /webdiyer:AspNetPager>
    /form>
/body>
/html>


 前臺(tái)頁面程序代碼
復(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)用綁定分頁和GridView
                BindGridView();
            }
        }

        ////綁定分頁和GridView方法
        private void BindGridView()
        {
            //查詢語句
            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];
            //初始化分頁數(shù)據(jù)源實(shí)例
            PagedDataSource pds = new PagedDataSource();
            //設(shè)置總行數(shù)
            AspNetPager1.RecordCount = dt.Rows.Count;
            //設(shè)置分頁的數(shù)據(jù)源
            pds.DataSource = dt.DefaultView;
            //設(shè)置當(dāng)前頁
            pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;
            //設(shè)置每頁顯示頁數(shù)
            pds.PageSize = AspNetPager1.PageSize;
            //啟用分頁
            pds.AllowPaging = true;
            //設(shè)置GridView的數(shù)據(jù)源為分頁數(shù)據(jù)源
            GridView1.DataSource = pds;
            //綁定GridView
            GridView1.DataBind();
        }

        protected void AspNetPager1_PageChanged(object sender, EventArgs e)
        {
            //調(diào)用綁定分頁和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;
}

/* AspNetPager1屬性設(shè)置: CssClass="anpager" CurrentPageButtonClass="cpb"*/

您可能感興趣的文章:
  • asp.net gridview分頁:第一頁 下一頁 1 2 3 4 上一頁 最末頁
  • asp.net中的GridView分頁問題
  • Android入門之ActivityGroup+GridView實(shí)現(xiàn)Tab分頁標(biāo)簽的方法
  • GridView分頁的實(shí)現(xiàn)以及自定義分頁樣式功能實(shí)例
  • Android中實(shí)現(xiàn)多行、水平滾動(dòng)的分頁的Gridview實(shí)例源碼
  • Asp.net GridView使用大全(分頁實(shí)現(xiàn))
  • GridView分頁的實(shí)現(xiàn)(通用分頁模板)
  • asp.net中g(shù)ridview的查詢、分頁、編輯更新、刪除的實(shí)例代碼
  • GridView高效分頁和搜索功能的實(shí)現(xiàn)代碼
  • 解析GridView自帶分頁及與DropDownList結(jié)合使用

標(biāo)簽:朔州 新鄉(xiāng) 喀什 朝陽 臺(tái)州 周口 洛陽 百色

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《AspNetPager+GridView實(shí)現(xiàn)分頁的實(shí)例代碼》,本文關(guān)鍵詞  AspNetPager+GridView,實(shí)現(xiàn),分頁,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《AspNetPager+GridView實(shí)現(xiàn)分頁的實(shí)例代碼》相關(guān)的同類信息!
  • 本頁收集關(guān)于AspNetPager+GridView實(shí)現(xiàn)分頁的實(shí)例代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章