ASP.NET專題實務 WebForm + MVC線上教學影片 -- MIS2000Lab.

之前文章只講理論，

[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 約 135hr)  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.主講   事先錄好的影片，並非上課側錄！   觀看時，有如「一對一」面對面講課。