讓 GridView 的 CheckBoxField 產生 PostBack 並攔截事件

在上一篇「GridView 中的子控制項取得所屬的 GridViewRow 及 RowIndex」 文章中有提到 TemplateField 中的 ChckBox 產生 PostBack 觸發事件，若我們希望直接使用 CheckBoxField 能不能達到相同 PostBack 的效果呢？以下的範例，就是要以 CheckBoxField 來達到相同效果。

假設要執行 PostBack 的 CheckBoxField 置於 GridView 中第二個欄位(欄位索引為1)。

 1         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID"
 2             DataSourceID="SqlDataSource1" EmptyDataText="沒有資料錄可顯示。">
 3             <Columns>
 4                 <asp:CommandField ShowEditButton="True" />
 5                 <asp:CheckBoxField DataField="Discontinued" HeaderText="Discontinued" SortExpression="Discontinued" />
 6                 <asp:BoundField DataField="ProductID" HeaderText="ProductID" ReadOnly="True" SortExpression="ProductID" />
 7                 <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
 8                 <asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />
 9                 <asp:BoundField DataField="CategoryID" HeaderText="CategoryID" SortExpression="CategoryID" />
10             </Columns>
11         </asp:GridView>

我們必須在 GridView 的 RowCreated 事件中，抓取 CheckBoxField 欄位中的 CheckBox 控制項，設定其 AutoPostBack 為 True，並攔截它的 CheckedChanged 事件導向 CheckBox1_CheckedChanged 函式。

 1 Partial Class _Default
 2     Inherits System.Web.UI.Page
 3 
 4     Protected Sub GridView1_RowCreated(ByVal sender As Object,ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)
                 Handles GridView1.RowCreated
 5         Dim oCheckBox As CheckBox
 6         If e.Row.RowType = DataControlRowType.DataRow Then
 7             'CheckBoxField 的欄位索引為 1
 8             oCheckBox = CType(e.Row.Cells(1).Controls(0), CheckBox)
 9             oCheckBox.AutoPostBack = True
10             AddHandler oCheckBox.CheckedChanged, AddressOf CheckBox1_CheckedChanged
11         End If
12     End Sub
13 
14     Protected Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs)
15         Dim oCheckBox As CheckBox
16         Dim oGridViewRow As GridViewRow
17         Dim iRowIndex As Integer
18 
19         oCheckBox = CType(sender, CheckBox)
20 
21         '取得控制項所屬性 GridViewRow
22         oGridViewRow = CType(oCheckBox.BindingContainer, GridViewRow)
23 
24         '取得目前 GridViewRow 的索引
25         iRowIndex = oGridViewRow.RowIndex
26     End Sub
27 
28 End Class

執行程式後，你會發覺與上一篇文章有相同的效果。這種讓 GridView 欄位可引發 PostBack 的作法是適用其他如 BoundField、HyperLinkField ...等欄位。 不過注意一點，設定欄位內含控件項的動作一定要在 RowCreated 事件中處理；不能在 RowDataBound 事件中處理，因為 RowDataBound 事件只有在 GridView 執行 DataBind 的動作時才會觸發，而 RowCreated 事件是每次頁面 PostBack 時重新產生 GridView 時都會觸發。