Flex AdvancedDataGrid排序

时间:2010-07-15 07:24:42

标签: flex sorting advanceddatagrid

我有一个由客户数据填充的AdvancedDataGrid。每个客户有3个月产品(1,3,6),还有一个passed字段,指定客户是否有资格获得任何月度产品。

现在,网格按字母顺序对客户数据进行排序,这是一件好事,但它不是对月度产品进行分类,而不是那么好。

dataProvider看起来像这样。 (我正在由Funder分组。)

{Funder:"Customer1", Product:"1 Month", Passed:"False"}, 
{Funder:"Customer1", Product:"3 Month", Passed:"True"}, 
{Funder:"Customer1", Product:"6 Month", Passed:"True"}, 
{Funder:"Customer2", Product:"1 Month", Passed:"False"}, 
{Funder:"Customer2", Product:"3 Month", Passed:"False"}, 
{Funder:"Customer2", Product:"6 Month", Passed:"False"}

然后我在网格中得到的结果看起来像这样

 ----------------------------------------
| Funder & Products   |  Product Passed  |
 ----------------------------------------
| Customer1           |                  |
|    6 Month          |  True            |
|    3 Month          |  True            |
|    1 Month          |  False           |
| Customer2           |                  |
|    3 Month          |  False           |
|    6 Month          |  False           |
|    1 Month          |  False           |
 ----------------------------------------

有关将产品分类的任何帮助吗?

修改

这是我用于网格的代码

<mx:AdvancedDataGrid id="myADG" 
                     width="100%" height="100%"
                     initialize="gc.refresh();"
                     folderClosedIcon="{null}"
                     folderOpenIcon="{null}"
                     defaultLeafIcon="{null}">

    <mx:dataProvider>
        <mx:GroupingCollection id="gc" source="{mCustomerData}">
            <mx:grouping>
                <mx:Grouping>
                    <mx:GroupingField name="Funder"/>
                </mx:Grouping>
            </mx:grouping>
        </mx:GroupingCollection>
    </mx:dataProvider>        

    <mx:columns>
        <mx:AdvancedDataGridColumn dataField="Product" 
                                   headerText="Funder &amp; Products"/>
        <mx:AdvancedDataGridColumn dataField="Passed"
                                   headerText="Product Passed"/>
        <mx:AdvancedDataGridColumn dataField="Passed"
                                   headerText="Product Failed"/>
    </mx:columns>
</mx:AdvancedDataGrid>

3 个答案:

答案 0 :(得分:3)

好的,所以我找到了适合我的解决方案。如下。

基本上,在creationComplete上,我调用执行以下操作的sortData函数。

private function sortData():void {
    var sort:Sort = new Sort();
    var sortField:SortField = new SortField("Product");

    sort.fields = [sortField];        // Set 'Product' as the field to be sorted on
    myADG.dataProvider.sort = sort;   // Add the sort to the dataProvider of the dataGrid
    gc.source.refresh();              // Refresh the GroupCollection
}

希望看到另一种方法,因为我不认为这是唯一的方法

答案 1 :(得分:1)

对于所有意图和目的,网格不对数据进行排序。它只是按您指定的顺序显示您提供的数据。 dataProvider必须由您排序,网格将相应更新。

如果您通过单击列标题进行排序,请查看AdvancedDataGridColumn上的sortCompareFunction

如果您正在使用ArrayCollection或XMLListCollection,请查看此documentation有关如何对其进行排序的信息。

答案 2 :(得分:1)

有完全相同的问题,并在Adobe的网站上找到了解决方案:

How to sort items within group in AdvancedDataGrid

您可以编写比较函数并在分组字段中使用它。

相关问题