GridView控件中的"選擇"操作純粹是一個UI概念,它的SelectedIndex屬性與表格的可視數據行中的當前被選中的行的索引相對應。如果你啟用了表格的分頁和排序功能,在執行分頁或排序操作之后,SelectedIndex的值仍然不會變化,因此在執行這些操作之后,一個新數據行被選中了。在某些環境下,保留對指定數據行的選中更好,即使該行在表格的當前頁面中并不可視。下面的例子演示了如何在排序和分頁操作之后仍然保留當前選中的數據行。
| Sub GridView1_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Dim Row As GridViewRow Dim SelectedValue As String = ViewState("SelectedValue") If SelectedValue Is Nothing Then Return End If ' 檢測選擇的行是哪個并重新選中它 For Each Row In GridView1.Rows Dim KeyValue As String = GridView1.DataKeys(Row.RowIndex).Value If (KeyValue = SelectedValue) Then GridView1.SelectedIndex = Row.RowIndex End If Next End Sub Protected Sub GridView1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) ' 保存選中行的索引 If (Not GridView1.SelectedIndex = -1) Then ViewState("SelectedValue") = GridView1.SelectedValue End If End Sub Protected Sub GridView1_PageIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewPageEventArgs) ' 重置選中索引 GridView1.SelectedIndex = -1 End Sub Sub GridView1_Sorting(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSortEventArgs) ' 重置選擇索引 GridView1.SelectedIndex = -1 End Sub |
GridView和DetailsView還支持一種用于分頁和排序的特殊模式,它利用客戶端向服務器的回調(callback)操作來獲取新頁面的數據或最近排序過的數據。要激活這個特性,必須把EnableSortingAndPagingCallbacks屬性設置為真。請注意,當我們執行分頁或排序操作的時候,頁面不需要發回(postback)以檢索新值(盡管執行了客戶端腳本向服務器的回調操作)。當GridView或DetailsView包含模板字段的時候是不支持這個特性的。當這個特性被激活的時候,不支持在CommandField(命令字段)中顯示"選擇"按鈕。
| <asp:GridView AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="au_id" DataSourceID="SqlDataSource1" EnableSortingAndPagingCallbacks="True" ID="GridView1" runat="server"> …… </asp:GridView> |
盡管GridView、DetailsView和FormView為分頁器(pager)UI提供了默認的顯示方式,你仍然可以通過設置PagerTemplate屬性來自定義分頁器的顯示。在這個模板中,你可以放置按鈕控件,并把它的CommandName屬性設置為Page,把它的屬性設置為First、Prev、Next、Last或<number>,其中<number>是特定頁面的索引值。下面的例子演示了GridView和DetailsView控件定義的PagerTemplate。
| <PagerTemplate> <asp:LinkButton CommandName="Page" CommandArgument="First" ID="LinkButton1" runat="server" Style="color: white"><< First</asp:LinkButton> <asp:LinkButton CommandName="Page" CommandArgument="Prev" ID="LinkButton2" runat="server" Style="color: white">< Prev</asp:LinkButton> [Records <%= GridView1.PageIndex * GridView1.PageSize %> - <%= GridView1.PageIndex * GridView1.PageSize + GridView1.PageSize - 1 %>] <asp:LinkButton CommandName="Page" CommandArgument="Next" ID="LinkButton3" runat="server" Style="color: white">Next ></asp:LinkButton> <asp:LinkButton CommandName="Page" CommandArgument="Last" ID="LinkButton4" runat="server" Style="color: white">Last >></asp:LinkButton> </PagerTemplate> |
