浮雲雅築: [研究][ASP.NET]設定 Gridview 分頁樣式(一)：第X頁共X頁第一頁上一頁下一頁最後一頁跳頁

2019年10月2日星期三

[研究][ASP.NET]設定 Gridview 分頁樣式(一)：第X頁共X頁第一頁上一頁下一頁最後一頁跳頁

[研究][ASP.NET]設定 Gridview 分頁樣式(一)：第X頁共X頁第一頁上一頁下一頁最後一頁跳頁

2019-10-02
2020-04-08 更新

建議改用下面的改良版
[研究][ASP.NET]設定 Gridview 分頁樣式為：第X頁，共X頁，第一頁上一頁下一頁最後一頁跳到第X頁每頁顯示X筆
https://shaurong.blogspot.com/2020/04/aspnet-gridview-xx-x-x.html

******

C#
ASP.NET
WebForm
Visual Studio 2019 v16.3.1

Default.aspx

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:AdventureWorks2017ConnectionString %>"
SelectCommand="SELECT * FROM [AdventureWorks2017].[Person].[Person]"></asp:SqlDataSource>
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="BusinessEntityID" OnPageIndexChanging="GridView1_PageIndexChanging">
<Columns>
<asp:BoundField DataField="BusinessEntityID" HeaderText="BusinessEntityID" ReadOnly="True" SortExpression="BusinessEntityID" />
<asp:BoundField DataField="PersonType" HeaderText="PersonType" SortExpression="PersonType" />
<asp:CheckBoxField DataField="NameStyle" HeaderText="NameStyle" SortExpression="NameStyle" />
<asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
<asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" />
</Columns>
<PagerTemplate>
<table>
<tr>
<td style="text-align: right">第 <asp:Label ID="lblPageIndex" runat="server" Text="<%#((GridView)Container.Parent.Parent).PageIndex + 1 %>" ForeColor="Blue"></asp:Label> 頁，
共 <asp:Label ID="lblPageCount" runat="server" Text="<%# ((GridView)Container.Parent.Parent).PageCount %>" ForeColor="Blue"></asp:Label> 頁，
<asp:LinkButton ID="btnFirst" runat="server" CausesValidation="False" CommandArgument="First" CommandName="Page" Text="第一頁"></asp:LinkButton>  
<asp:LinkButton ID="btnPrev" runat="server" CausesValidation="False" CommandArgument="Prev" CommandName="Page" Text="上一頁"></asp:LinkButton>  
<asp:LinkButton ID="btnNext" runat="server" CausesValidation="False" CommandArgument="Next" CommandName="Page" Text="下一頁"></asp:LinkButton>  
<asp:LinkButton ID="btnLast" runat="server" CausesValidation="False" CommandArgument="Last" CommandName="Page" Text="最後一頁"></asp:LinkButton>  
<asp:TextBox ID="txtNewPageIndex" runat="server" Text="<%# ((GridView)Container.Parent.Parent).PageIndex + 1%>" Width="120px"></asp:TextBox>
<asp:LinkButton ID="btnGo" runat="server" CausesValidation="False" CommandArgument="-1" CommandName="Page" Text="GO"></asp:LinkButton>
</td>
</tr>
</table>
</PagerTemplate>
</asp:GridView>
</div>
</form>
</body>
</html>

Default.axpx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication2
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView gvw = (GridView)sender;
if (e.NewPageIndex < 0)
{
TextBox pageNum = (TextBox)gvw.BottomPagerRow.FindControl("txtNewPageIndex");
int Pa = int.Parse(pageNum.Text);
if (Pa <= 0)
{
gvw.PageIndex = 0;
}
else
{
gvw.PageIndex = Pa - 1;
}
}
else
{
gvw.PageIndex = e.NewPageIndex;
}
//Bind();
}
}
}

(完)

相關

[研究][ASP.NET]設定 Gridview 分頁樣式為：第X頁，共X頁，第一頁上一頁下一頁最後一頁跳到第X頁每頁顯示X筆
https://shaurong.blogspot.com/2020/04/aspnet-gridview-xx-x-x.html

[研究][ASP.NET]設定 Gridview 分頁樣式為：第X頁共X頁第一頁上一頁下一頁最後一頁跳頁
http://shaurong.blogspot.com/2019/10/aspnet-gridview-x-x.html

浮雲雅築

2019年10月2日星期三

[研究][ASP.NET]設定 Gridview 分頁樣式(一)：第X頁共X頁第一頁上一頁下一頁最後一頁跳頁

沒有留言:

張貼留言

2019年10月2日 星期三

[研究][ASP.NET]設定 Gridview 分頁樣式(一)：第X頁 共X頁 第一頁 上一頁 下一頁 最後一頁 跳頁

沒有留言:

張貼留言

2019年10月2日星期三

[研究][ASP.NET]設定 Gridview 分頁樣式(一)：第X頁共X頁第一頁上一頁下一頁最後一頁跳頁