[.NET 4.5]GridView自訂分頁的新屬性,AllowCustomPaging與 VirtualItemCount #2 範例 - DataReader +資料庫分頁

摘要:[.NET 4.5]GridView自訂分頁的新屬性,AllowCustomPaging與 VirtualItemCount #2 範例 - DataReader +資料庫分頁
(搭配SQL 2005指令 ROW_NUMBER)
(搭配SQL 2012指令 OFFSET...FETCH)

之前文章只講理論,

[ASP.NET 4.5 / VS 2012]GridView自訂分頁的新屬性,AllowCustomPaging與 VirtualItemCount

https://dotblogs.com.tw/mis2000lab/2012/02/08/vs11_gridview_allowcustompaging_virtualitemcount

 

這篇要介紹範例

資料來源:http://   www.c-sharpcorner.com/UploadFile/99bb20/custom-paging-with-gridview-control-in-Asp-Net-4-5/

(沒有附上超連結是因為這個網站怪怪的,會下載一個.js檔,疑似病毒。會被瀏覽器阻擋)

 

YouTube影片:http://youtu.be/jvYlgnKvLag

 

「自訂分頁」的部分,我採用了自己的寫法

您可以在我的書本上找到完整說明與範例(ASP.NET專題實務 / 松崗出版)

 

HTML畫面設計:

    首先,您要自己加上GridView分頁的樣板,如下面紅字部分

    底下,黃色的 AllowCustomPaging與 AllowPaging兩個屬性都要打開!

        <asp:GridView ID="GridView1" runat="server" 

             AllowCustomPaging="True" AllowPaging="True" PageSize="5"            

             OnPageIndexChanging="GridView1_PageIndexChanging">

            <PagerSettings Mode="Numeric" />

        </asp:GridView>

 

後置程式碼:

這部分都很簡單,只是簡單的ADO.NET與 DataBinding罷了

像是這樣的範例,只能搭配我的書本「上集」

大概是我上課「第三天」就會講到的內容。

 

2015/2/16補充:下列程式經過修正。

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            GridView1.VirtualItemCount = MIS2000Lab_GetPageCount();  // 取得總記錄的數量。

            GridView1.DataSource = MIS2000Lab_GetPageData(0);
            GridView1.DataBind();
        }
    }
    

    protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        GridView1.PageIndex = e.NewPageIndex;

        GridView1.DataSource = MIS2000Lab_GetPageData(e.NewPageIndex);
        GridView1.DataBind();
    }


    protected DataTable MIS2000Lab_GetPageData(int currentPage)
    {
        SqlConnection Conn = new SqlConnection("資料庫的連結字串");
        SqlDataReader dr = null;

        String SqlStr = "Select test_time, id, title, summary from test Order By id ";
        SqlStr += " OFFSET @A ROWS FETCH NEXT @B ROWS ONLY";
        //==SQL 2012 指令的 Offset...Fetch。
        
        SqlCommand cmd = new SqlCommand(SqlStr, Conn);
        // 參數寫法,避免SQL Injection攻擊
       cmd.Parameters.AddWithValue("@A",(currentPage * GridView1.PageSize)); 
       cmd.Parameters.AddWithValue("@B",GridView1.PageSize); 

        DataTable DT = new DataTable();

        try
        {   //== 第一,連結資料庫。
            Conn.Open();
            //== 第二,執行SQL指令。
            dr = cmd.ExecuteReader();

            //==第三,自由發揮,把執行後的結果呈現到畫面上。
            //==自己寫迴圈==
            DT.Load(dr);    // 將DataReader的成果 "載入" DataTable裡面。
        }
        //catch (Exception ex)
        //{   //---- 如果程式有錯誤或是例外狀況,將執行這一段
        //}
        finally        {
            // == 第四,釋放資源、關閉資料庫的連結。
            if (dr != null)         {
                cmd.Cancel();
                dr.Close();
            }
            if (Conn.State == ConnectionState.Open)         {
                Conn.Close();
            }
        }

        return DT;
    }


    // ***** 取得總記錄的數量。*****
    protected int MIS2000Lab_GetPageCount()
    {
        SqlConnection Conn = new SqlConnection("資料庫的連結字串");
        SqlCommand cmd = new SqlCommand("select Count(id) from test", Conn);
        int myPageCount = 0;
        try
        {
            //== 第一,連結資料庫。
            Conn.Open();

            //== 第二,執行SQL指令。
            myPageCount = (int)cmd.ExecuteScalar();

            //==第三,自由發揮,把執行後的結果呈現到畫面上。

        }
        //catch (Exception ex)
        //{   //---- 如果程式有錯誤或是例外狀況,將執行這一段
        //}
        finally        {
            if (Conn.State == ConnectionState.Open)         {
                Conn.Close();
            }
        }

        return myPageCount;
    }

 

「自訂分頁」的部分,我採用了自己的寫法,您可以參閱以前的文章

[ADO.NET] Web Form為求快速,可使用 DataReader直接處理資料來源  https://dotblogs.com.tw/mis2000lab/2012/01/13/dataset_datareader_20120113 

[習題]上集 Ch 14-4 撰寫ADO.NET DataReader的分頁程式#1(搭配SQL 2005指令 ROW_NUMBER) https://dotblogs.com.tw/mis2000lab/2010/11/30/datareader_paging_row_number 

[習題]上集 Ch 14-4 撰寫ADO.NET DataReader的分頁程式#2(搭配SQL 2012指令 OFFSET...FETCH)  https://dotblogs.com.tw/mis2000lab/2014/07/17/page_sql2012_fetch_offset_20140717 


Youtube影片網址 -- http://youtu.be/37q5qez6cbU?list=UU6IPPf6tvsNG8zX3u1LddvA

 

 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學,遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學,遠距教學 (ASP.NET MVC 約 140hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0~8.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程(Web Form + MVC)。 第一天課程, "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載,請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍(嚴格認定)。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課