日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
更優(yōu)美的jQueryUI部件

許多客戶面臨這樣的場景，他們希望在應(yīng)用了排序或者過濾之后仍然將最終用戶的行選狀態(tài)保留。通常情況下，當(dāng)我們在選擇了任何行之后應(yīng)用排序或者過濾會導(dǎo)致回傳之后選擇狀態(tài)丟失。本篇博客將討論我們?nèi)绾巫霾拍茉谂判蚝瓦^濾之后仍然保持選擇狀態(tài)。

在恭城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、成都做網(wǎng)站 網(wǎng)站設(shè)計制作按需定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,恭城網(wǎng)站建設(shè)費用合理。

步驟1：將GridView綁定到一張數(shù)據(jù)表

首先，我們需要將gridview綁定到一個數(shù)據(jù)表，比如來自Northwind數(shù)據(jù)庫的Categories表。由于我們用的是服務(wù)器端的選擇，我們需要將AutoGenerateSelectButton屬性設(shè)置為“True”，然后將“ClientSelectionMode”屬性設(shè)置為“None”。否則，我們將同時具有客戶端和服務(wù)器端兩個選擇。

此外，我們還需要設(shè)置AllowSorting以及ShowFilter屬性值為“True”以便允許在gridview上執(zhí)行排序或者過濾。以下是.aspx頁面的源代碼：

  
 
 
 
    
   
  
  
  
  1. 
   
  
  
  
  2. AutogenerateColumns="False" AutoGenerateSelectButton="True"
    3. 
   
  
  
  
  3. DataKeyNames="CategoryID" DataSourceID="AccessDataSource1"
    4. 
   
  
  
  
  4. ShowFooter="False" ShowFilter="True">
    5. 
   
  
  
  
    6. 
   
  
  
  
  6. 
   
  
  
  
  7. ReadOnly="True" SortExpression="CategoryID">
    8. 
   
  
  
  
  8. 
   
  
  
  
  9. 
   
  
  
  
  10. SortExpression="CategoryName">
    11. 
   
  
  
  
  11. 
   
  
  
  
  12. 
   
  
  
  
  13. SortExpression="Description">
    14. 
   
  
  
  
  14. 
   
  
  
  
  15. 
   
  
  
  
  16. SortExpression="Picture">
    17. 
   
  
  
  
  17. 
   
  
  
  
  18. 
   
  
  
  
  19. SortExpression="UserName">
    20. 
   
  
  
  
  20. 
   
  
  
  
  21. 
   
  
  
  
  22. 
   
  
  
  
  23. 
   
  
  
  
  24. DataFile="~/App_Data/C1NWind.mdb"
    25. 
   
  
  
  
  25. SelectCommand="SELECT * FROM [Categories]">
    26. 
   
  
  
  
  26.

步驟2：保存選中的行

我們需要在一個ViewState對象中保存選中行的數(shù)據(jù)鍵值，使得我們可以使用它再次設(shè)置選擇。因此我們需要處理SelectedIndexChanged事件。在此事件中使用到的代碼片斷如下

步驟3：重新設(shè)置選中的行索引

我們需要在排序或者過濾完成，重新執(zhí)行選擇動作之前，重新設(shè)置gridview的SelectedIndex屬性。這項工作可以在Sorting或者Filtering事件中通過以下代碼片斷完成：

  
 
 
 
    
   
  
  
  
  1. Protected Sub C1GridView1_Sorting(sender As Object, e As C1.Web.Wijmo.Controls.C1GridView.C1GridViewSortEventArgs) Handles C1GridView1.Sorting 
    2. 
   
  
  
  
  2. ' 重置選擇索引 
    3. 
   
  
  
  
  3. C1GridView1.SelectedIndex = -1 
    4. 
   
  
  
  
  4. End Sub 
    5. 
   
  
  
  
  5. Protected Sub C1GridView1_Filtering(sender As Object, e As C1.Web.Wijmo.Controls.C1GridView.C1GridViewFilterEventArgs) Handles C1GridView1.Filtering 
    6. 
   
  
  
  
  6. '重置選擇索引 
    7. 
   
  
  
  
  7. C1GridView1.SelectedIndex = -1 
    8. 
   
  
  
  
  8. End Sub
    9.

步驟4：重新選中該行

由于gridview會在回傳時（由于執(zhí)行了排序或者過濾時發(fā)生）進(jìn)行了重新綁定，我們需要處理DataBound事件以重新設(shè)置選擇。在此，我們應(yīng)當(dāng)檢查原始選中的行是否可見，之后通過ViewState對象對其進(jìn)行重新選擇。代碼片斷如下所示：

  
 
 
 
    
   
  
  
  
  1. Protected Sub C1GridView1_DataBound(sender As Object, e As System.EventArgs) Handles C1GridView1.DataBound 
    2. 
   
  
  
  
  2. Dim Row As C1GridViewRow 
    3. 
   
  
  
  
  3. Dim SelectedValue As String = ViewState("SelectedValue") 
    4. 
   
  
  
  
  4. If SelectedValue Is Nothing Then 
    5. 
   
  
  
  
  5. Return 
    6. 
   
  
  
  
  6. End If 
    7. 
   
  
  
  
  7. ' 檢查選中的行是否可見，并且重新對其進(jìn)行選擇。 
    8. 
   
  
  
  
  8. For Each Row In C1GridView1.Rows 
    9. 
   
  
  
  
  9. Dim KeyValue As String = C1GridView1.DataKeys(Row.RowIndex).Value 
    10. 
   
  
  
  
  10. If (KeyValue = SelectedValue) Then 
    11. 
   
  
  
  
  11. C1GridView1.SelectedIndex = Row.RowIndex 
    12. 
   
  
  
  
  12. End If 
    13. 
   
  
  
  
  13. Next 
    14. 
   
  
  
  
  14. End Sub
    15.

請參見附件中完整的示例。

下載示例

Wijmo下載，請進(jìn)入Studio for ASP.NET Wijmo 2012 v1正式發(fā)布（2012.03.22更新）!

責(zé)任編輯：張偉
來源： 葡萄城控件技術(shù)團(tuán)隊博客 jQuery UI


標(biāo)題名稱：更優(yōu)美的jQueryUI部件
標(biāo)題URL：http://www.5511xx.com/article/ccccdji.html