0

mx:advanceddatagrid を使用していますが、グループ化された列の並べ替えで問題が発生しました。私のグリッドがどのように見えるかのスクリーンショットはここにあります: http://i.stack.imgur.com/waAi7.png

次の種類のデータがあります。

PRODUCT_ID PROD_NAME カテゴリ タイプ サブタイプ SubType_descr

1             p_1          c1_y          t1
                                              t1_s1      sub_1*
                                              t1_s2      sub_2*
                                              t1_s4      sub_4* 
                                              t1_s5      sub_5* 

2             p_2          c1_x          t1
                                               t1_s1      sub_1
                                               t1_s2      sub_2
                                               t1_s3      sub_3

3             p_3          c1_x          t1
                                               t1_s1      sub_1
                                               t1_s2      sub_2*
                                               t1_s3      sub_3*

現在、データセットは arrayCollection 型です。セッターがバインディング イベントを発生させたときに、手動で GroupingCollection2 に移動します。

protected function setGrouping(columnNames:Array):void{
                _groupingColumns = [];


                if (columnNames.length > 0) {
                    var _groupedData:GroupingCollection2 = new GroupingCollection2();
                    var _grouping:Grouping = new Grouping();

                    for (var i:int=0;i<columnNames.length;i++) {
                        var gc:GroupingField = new GroupingField(columnNames[i]);
                        _groupingColumns.push(gc);
                    }
                    _groupedData.source = _ds;
                    _grouping.fields = _groupingColumns;
                    _groupedData.grouping = _grouping
                    _groupedData.refresh();
                    _data = _groupedData;
                } else {
                    _data = _ds;
                }

                setGridColumns();
            }

私は Product_Id でグループ化していますが、以下に示すように、labelFunction によって上記の外観を実現しています。

col.labelFunction = function (item:Object,column:AdvancedDataGridColumn):String {
                            if (item.hasOwnProperty('GroupLabel') && item.GroupLabel != null) {
                                if (item.children.length > 0) {
                                    return item.children[0][column.dataField];
                                }
                                else {
                                    return "";
                                }
                            }   
                            else {
                                return "";
                            }       
                        }

サーバーから受け取るデータは以下のようなものです

    PRODUCT_ID    PROD_NAME    CATEGORY    TYPE    SubType    SubType_descr
-------------------------------------------------------------------
    1             p_1          c1_y          t1    t1_s1      sub_1*
    2             p_2          c1_y          t1    t1_s2      sub_2*
    3             p_3          c1_y          t1    t1_s3      sub_3*
-------------------------------------------------------------------
    4             p_4          c1_x          t1    t1_s1      sub_1*
    5             p_5          c1_x          t1    t1_s2      sub_2*
    6             p_6          c1_x          t1    t1_s3      sub_3*

要するに、すべての一般的な列の値 (Product、Category、Type) を取得して最初の行に配置し、すべての変化する値をサブ行 (sub_type、subtype_descr) に配置します。

このグリッドを Prod_Name、Category、および type 列でもソートしたいのですが、基になるデータがソートされていても、次のようなソートは機能しません。

public var _sort_direction:Boolean = false;
            protected function adg1_headerReleaseHandler(event:AdvancedDataGridEvent):void
            {

                var sort:Sort = new Sort();
                    sort.fields = [new SortField(event.dataField, true, _sort_direction)];

                    _ds.sort = sort;
                    _ds.refresh();

                    if (DefaultGroupColumn != null && temp[0] != DefaultGroupColumn) {
                        temp.push(DefaultGroupColumn);
                    }


                    setGrouping(temp);

                    adg1.validateNow();
                    _sort_direction = !_sort_direction;
            }

すべてのヘルプは本当に感謝しています。

4

1 に答える 1

0

これに対する答えは非常に単純でしたが、アドビのドキュメントや他のいくつかのブログが私に野生のガチョウ追跡を送ってきました...

for (var i:int=0;i<columnNames.length;i++) {
                        var gc:GroupingField = new GroupingField(columnNames[i]);
                            gc.compareFunction = positionCompareFunction;
                            gc.descending = sort_dir;
                        _groupingColumns.push(gc);
                    }

同僚 (Samitt に感謝) がこれを理解するのを手伝ってくれました。gc.descending を追加するだけで、グループ化はグループ化された列でソートされます。

于 2010-11-15T20:04:58.730 に答える