[ASP.NET] 簡單的GridView範例

  • 15246
  • 0

摘要:[ASP.NET] 簡單的GridView範例

今天要來做的是一個巢狀GridView的範例。

 

情境

首先,先來看一下我想呈現的結果:

  1. Page_Load的時候我要用一個GridView把ID欄位做繫結,而另外一個欄位我要放上LinkButton供使用者查看細部資料
  2. 再點選[查看細節]後要將資料作展開的動作

     

分析

從表格裡來看會有兩個欄位,第一個欄位我要輸出的資料是ID,第二個欄位我要放的是LinkButton

 

再來因為在第一個欄位裡我還需要做細部資料的顯示,所以我會使用第二個GridView來做呈現

 

資料準備

  1. Person是一個自訂的型別並擁有兩個屬性,分別是ID和Name
  2. GetData()的方法回傳頁面呈現所需要的資料
  3. GetDetailByID()使用ID來過濾需要顯示詳細資料的集合

 

事件註冊

  1. GridView1_RowDataBound() => 這是我第二個GridView需要做繫結的地方,因為每一個GridView都會對應到一個ID,而我需要透過這個ID來搜尋資料集合裡面對應的那筆資料
  2. GridView1_RowCommand() => 這是當我按下查看細節時所呼叫的方法,我需要將第二個GridView的Visible屬性打開作呈現,相反的當我按下隱藏細節時,我需要將第二個GridView做隱藏
  3. GridViewCommandEventArgs => 這個參數有一個CommandSource的屬性可以透過轉型的方式來取得Trigger這個事件的LinkButton
  4. GridViewRow => 可以想像它是一個容器,而這個容器裡面裝有兩個項目,第一個項目是GridView,第二個項目是LinkButton

 

ASPX的版型