GridView密技#5---(修改/補強版)使用ITemplate介面,動態新增「GridView樣版列(Template Row/模版列)」

補強上一個範例的缺失
我們會增加一些程式碼,修補兩個Bug

知道哪種情況會出現Bug
而且可以修補他,其實是很棒的成長(練功)機會!

上一個範例,示範了「動態新增 GridView的樣版列(模版列)」,請看:GridView密技#4---使用ITemplate介面,動態新增「GridView樣版列(Template Row/模版列)」,內含VB與C#語法

 

但仔細研究一下,還有兩個 Bug待解決:

    第一,重復按下 Add按鈕,您會發現畫面上出現一些怪現象。

    第二,這個動態產生樣版列的功能,會在程式被 PostBack時消失無蹤。

要解決這兩個問題,需要補一些程式進去。

知道哪種情況會出現Bug
而且可以修補他,其實是很棒的成長(練功)機會!

我們先來看看這兩個錯誤狀況的圖片(執行成果)

 

 

第一個錯誤----重復按下 Add按鈕,您會發現畫面上出現一些怪現象。

      重覆按下這個按鈕數次

 

     

原本的程式,必須多一段 For迴圈來處理這種錯誤狀況:

    Sub Add_TempField()
        '*************************************************************************
        '--這一段 For迴圈,一旦取消,就會出現異常狀況!重複按下按鈕,會不斷增加樣板。
        '*************************************************************************

        For index As Integer = 2 To (GridView1.Columns.Count - 1)  
            GridView1.Columns(index).Visible = False
        Next

        For i As Integer = 0 To (CInt(DropDownList1.SelectedValue) - 1)
            Dim tf As New TemplateField
            tf.ShowHeader = True
            tf.HeaderTemplate = New Add_GridViewTemplate(DataControlRowType.Header, "<font color=yellow>動態加入的</font>")
            tf.ItemTemplate = New Add_GridViewTemplate(DataControlRowType.DataRow, "")
            GridView1.Columns.Add(tf)
        Next

    End Sub

  

=========================================================================================

第二個錯誤----動態產生GridView樣版列的功能,會在程式被 PostBack時消失無蹤。

  • 我故意作一個 Button2(沒作用的),按下它(引發PostBack)就會讓動態新增的樣版列~~消失了
  • GridView啟動「分頁」功能,也會造成相同的錯誤.....

      

 

     

因為 PostBack的動作,會讓我們動態新增的 GridView樣版列失效。

所以,會引發PostBack的各種動作,都要加上這段程式碼(動態新增 GridView樣版列--Add_TF()

    Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click
        Add_TempField()
    End Sub

    Protected Sub GridView1_PageIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewPageEventArgs) Handles GridView1.PageIndexChanging
        '--分頁
        GridView1.PageIndex = e.NewPageIndex
        Add_TempField()
    End Sub

=====================================================================================

相關補充資料:

 

 

 

 

 

  • 這篇文章講得更仔細,http://www.cnblogs.com/jinglecat/archive/2008/05/25/1207162.html
  • 原來這個範例的出處,是來自這邊。繞了幾圈,竟然發現原作者....http://dotnet.aspx.cc/article/897cb049-ccff-4fe7-b990-df974493a0b1/read.aspx  (這個範例在內地網站很紅、引用多次,但沒啥人會註明出處
  • 關於本範例, 微軟這篇文章,講得很詳細:http://msdn.microsoft.com/zh-tw/library/cc438020(VS.71).aspx

    =====================================================================================

     

    這個範例我一開始有不少疑問,很高興有一位朋友願意花時間為我解惑,特此感謝。

     http://www.allenkuo.com/ 

     

     

     

    --------------------------------------------------------------------------------------------

    今日值班正妹:松島楓

    來台記者會的照片:http://www.nownews.com/photo/photo.php?phid=1310&no=1

  •  

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

    猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----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.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課