[研究][ASP.NET] GridView 分頁設定

[研究][ASP.NET] GridView 分頁設定

2019-10-01
2019-10-02 更新

PagerSettings.Mode Property
https://docs.microsoft.com/zh-tw/dotnet/api/system.web.ui.webcontrols.pagersettings.mode?view=netframework-4.8

     <asp:gridview id="CustomerGridView"
          datasourceid="CustomerDataSource"
          autogeneratecolumns="true"
          datakeynames="CustomerID"  
          allowpaging="true"
          runat="server">
          
          <pagersettings mode="NumericFirstLast"
            firstpagetext="First"
            lastpagetext="Last"
            pagebuttoncount="5"  
            position="Bottom"/> 
            
        </asp:gridview>

********************************************************************************

Mode 可設定為下面值

PagerButtons Enum
https://docs.microsoft.com/zh-tw/dotnet/api/system.web.ui.webcontrols.pagerbuttons?view=netframework-4.8

NextPrevious 0 一組分頁控制項，包含 [上一頁] 和 [下一頁] 按鈕。
NextPreviousFirstLast 2 一組分頁控制項，包含 [上一頁]、[下一頁]、[第一頁] 和 [最後一頁] 按鈕。
Numeric 1 一組分頁控制項，包含用於直接存取頁面的編號連結按鈕。
NumericFirstLast 3 一組分頁控制項，包含編號連結按鈕以及 [第一頁] 和 [最後一頁] 連結按鈕。

********************************************************************************

可以設定頁數
PagerSettings.PageButtonCount Property
https://docs.microsoft.com/zh-tw/dotnet/api/system.web.ui.webcontrols.pagersettings.pagebuttoncount?view=netframework-4.8

********************************************************************************

實際測試

(下圖)
<pagersettings mode="NextPrevious" />

 (下圖)
<pagersettings mode="Numeric" />

(下圖)
<pagersettings mode="NextPreviousFirstLast" />

(下圖)
<PagerSettings Mode="NumericFirstLast" />

 (下圖)
<PagerSettings Mode="NumericFirstLast"
                    FirstPageText="第一頁" LastPageText="最後一頁"
                    PreviousPageText="前一頁" NextPageText="下一頁"
                    Position="Bottom"/>

PreviousPageText 和 NextPageText 在 Mode="NumericFirstLast" 是沒作用的，所以顯示為 ...。



(下圖)
<PagerSettings Mode="NextPreviousFirstLast"
                    FirstPageText="第一頁" LastPageText="最後一頁"
                    PreviousPageText="前一頁" NextPageText="下一頁"
                     PageButtonCount="20"
                    Position="Bottom"/>

PageButtonCount 在 Mode="NextPreviousFirstLast"  是沒有作用的。

(下圖)
<PagerSettings Mode="NumericFirstLast"
                    FirstPageText="第一頁" LastPageText="最後一頁"
                    PreviousPageText="前一頁" NextPageText="下一頁"
                     PageButtonCount="20"
                    Position="Bottom"/>

(完)