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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
通過Flex組合框（ComboBox）來過濾DataGrid

在學(xué)習(xí)Flex的過程中，你可能會遇到Flex組合框的使用，這里和大家分享一下通過Flex組合框來過濾DataGrid，相信本文介紹一定會讓你有所收獲。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、龍海網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、龍海網(wǎng)絡(luò)營銷、龍海企業(yè)策劃、龍海品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供龍海建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

通過Flex組合框來過濾DataGrid

Flex中一個很普遍的應(yīng)用就是用Flex組合框過濾顯示在DataGrid中的數(shù)據(jù)。在這個技巧里，目的是把一個“作者”數(shù)據(jù)庫表里的數(shù)據(jù)顯示到DataGrid里，表的結(jié)構(gòu)如下：

CODE:

 
 
 
      
  
  
  1. authorId:String;  
    2.   
  
  
  2. authorName:String;  
    3.   
  
  
  3. status:String; 
    4.

◆另外，用戶可以選擇Flex組合框中包含的不同的作者狀態(tài)的值來過濾DataGrid顯示的作者信息。推薦你把從服務(wù)器請求獲得的結(jié)果轉(zhuǎn)換為ArrayCollection，然后把這個ArrayCollection作為DataGrid的dataProvider。這樣做你會發(fā)現(xiàn)操作和過濾顯示的數(shù)據(jù)會很變得容易。獲取數(shù)據(jù)超出了現(xiàn)在這個技巧的范圍，不過關(guān)于這個問題有很多的例子可以參考。

首先，把結(jié)果轉(zhuǎn)換為ArrayCollection。

CODE:

 
 
 
      
  
  
  1. importmx.utils.ArrayUtil;  
    2.   
  
  
  2.  
    3.   
  
  
  3. importmx.collections.ArrayCollection;  
    4.   
  
  
  4.  
    5.   
  
  
  5. //event.resultcontainsthedatafromtheauthorssearch.  
    6.   
  
  
  6.  
    7.   
  
  
  7. publicvarauthorsArray:Array=mx.utils.ArrayUtil.toArray(event.result);  
    8.   
  
  
  8.  
    9.   
  
  
  9. //UseauthorsDataProviderasthedataProviderforthedataGrid.  
    10.   
  
  
  10.  
    11.   
  
  
  11. [Bindable]  
    12.   
  
  
  12.  
    13.   
  
  
  13. publicvarauthorsDataProvider:ArrayCollection=newArrayCollection(authorsArray);  
    14.   
  
  
  14.  
    15.

 ◆接下來，把搜索結(jié)果中的作者狀態(tài)值動態(tài)加載到Flex組合框中。在這里，數(shù)據(jù)庫中可能的作家狀態(tài)值是"Active","Inactive"和"Deleted"。但是在進行之前，讓我們來回顧一下用例。我們把搜索作者得到的結(jié)果通過DataGrid視圖向用戶顯示出來，在看過之后，用戶可能希望過濾這些數(shù)據(jù)讓它只顯示“Active”的作者。當然，F(xiàn)lex組合框中的"Active","Inactive"和"Deleted"可以直接硬編碼，但是如果那樣做的話，當數(shù)據(jù)庫中添加了一個新的狀態(tài)值得時候我們必須修改程序。

而且，F(xiàn)lex組合框中的值應(yīng)該只包含搜索結(jié)果中的作者狀態(tài)，如果搜索結(jié)果只包含狀態(tài)為"Active"和"Inactive"的作者，F(xiàn)lex組合框應(yīng)該只包含相應(yīng)的值（沒有”Delete”）。如果所有數(shù)據(jù)庫中可能的作者狀態(tài)值都在Flex組合框中硬編碼，用戶就可以選擇”Delete”這個值，然后就會看到一個沒有任何數(shù)據(jù)的DataGrid。我們不想困擾用戶，所以接下來的代碼會動態(tài)加載作者狀態(tài)值到一個數(shù)組，然后把這個數(shù)組作為Flex組合框的dataProvider。

CODE:

 
 
 
      
  
  
  1. //UsetheauthorsStatusArrayasthedataProviderfortheCombox.  
    2.   
  
  
  2.  
    3.   
  
  
  3. [Bindable]  
    4.   
  
  
  4. publicvarauthorsStatusArray:Array=populateAuthorsStatusArray(authorsArray);  
    5.   
  
  
  5.  
    6.   
  
  
  6. publicfunctionpopulateAuthorsStatusArray(authorsArray:Array):Array  
    7.   
  
  
  7. {  
    8.   
  
  
  8. varstatusArrayHashMap:Object=newObject();  
    9.   
  
  
  9. varstatusArray:Array=newArray;  
    10.   
  
  
  10.  
    11.   
  
  
  11. varn:int=authorsArray.length;  
    12.   
  
  
  12. for(vari:int=0;i  
  
  
  13. {  
    14.   
  
  
  14. if(statusArrayHashMap[authorsArray[i].status]==undefined)  
    15.   
  
  
  15. {  
    16.   
  
  
  16. statusArrayHashMap[authorsArray[i].status]=newObject();  
    17.   
  
  
  17. statusArray.push(authorsArray[i].status);  
    18.   
  
  
  18. }  
    19.   
  
  
  19. }  
    20.   
  
  
  20. statusArray.sort();  
    21.   
  
  
  21. statusArray.unshift("All");  
    22.   
  
  
  22.  
    23.   
  
  
  23. //The"All"valueisusedprogrammaticallytoun-filter(reset)theresultinthedataGrid.  
    24.   
  
  
  24. returnstatusArray;  
    25.   
  
  
  25. }  
    26.   
  
  
  26.  
    27.

 下面是mxml寫的代碼：
CODE:

 
 
 
      
  
  
  1.   
  
  
  2. dataProvider="{authorsStatusArray}" 
    3.   
  
  
  3. change="filterAuthorsGrid();"/> 
    4.

這就是全部的技巧。因為DataGrid的dataProvider利用了綁定（binding），所以當用戶在Flex組合框中選中了一個值的時候，DataGrid會動態(tài)顯示過濾后的結(jié)果。請緊記，這只是一個小技巧而且可能有一些生澀的地方。但是你應(yīng)該可以通過這些代碼領(lǐng)會這種思想。

【編輯推薦】

  1. 探秘Flex與JavaScript交互
  2. 常用FlexBuilder快捷鍵用法指導(dǎo)
  3. Flex框架Riawave的定制應(yīng)用
  4. 技術(shù)前沿 Flex2.0 從零開始實現(xiàn)文件上傳
  5. FlexBuilder開發(fā)方法及特點解析 

分享文章：通過Flex組合框（ComboBox）來過濾DataGrid
網(wǎng)頁地址：http://www.5511xx.com/article/cdcpcic.html