Невозможно отсортировать данные в ExtJS DataGrid при группировании - PullRequest
Новая
       29

Невозможно отсортировать данные в ExtJS DataGrid при группировании

2 голосов
/ 02 июня 2011

Я использую ExtJS 3.3.0 с сеткой данных, которая использует хранилище данных JSON (Ext.data.GroupingStore).

Когда я не группирую по столбцу, я могу сортировать очень хорошо,однако при группировании по столбцу алгоритм сортировки, похоже, разваливается.

У меня есть другая сетка данных, которая выполняет сортировку на стороне сервера (а также группирование и разбиение на страницы), и это работает просто отлично.Сравнение кода между ними оставило меня в тупике из-за разницы, которая заставляет одну работу, а другую не работать.

Большое спасибо заранее. 

    CW.App.FileGrid = {

    store : null,

    initComponent: function(){

        this.store = new Ext.data.GroupingStore({
            autoLoad:true,
            url:'/sites/files.js',
            groupField:'modified',
            // Sort by whatever field was just grouped by.  This makes the data
            // make more sense to the user.
            groupOnSort:true,
            remoteSort:false,
            remoteGroup:false,
            sortInfo:{
                field:'modified',
                direction:'DESC'
            },
            reader: new Ext.data.JsonReader({
                idProperty:'filename',
                root:'data',
                fields: [
                   'iconCls', 
                   {
                    name: 'modified',
                    type: 'date',
                    dateFormat:'timestamp'
                   },
                   'description', 'folder', 'filename',
                   'filesize', 'ext', 'dateGroup']
            })
        });

        // this.store.setDefaultSort('modified', 'DESC');

        Ext.apply(this, {
            store: this.store,
            loadMask:true,
            columns: [
                {
                    xtype:'actioncolumn',
                    items:[{
                        getClass:function(v,meta,rec){
                            return rec.get('iconCls');
                        }
                    }],
                    width:25
                },{
                    id:'filename',
                    header: "Filename", 
                    sortable: true, 
                    dataIndex: 'filename'
                },{
                    id:'ibmu',
                    header: "iBMU", 
                    width:50, 
                    sortable:true, 
                    dataIndex: 'folder'
                },{
                    id:'date',
                    header: "Date", 
                    width: 65, 
                    sortable: true, 
                    dataIndex: 'modified', 
                    renderer: Ext.util.Format.dateRenderer('Y-m-d h:i'),
                    groupRenderer:function(v,unused,r,rowIdx,colIdx,ds){
                        return r.data['dateGroup'];
                    }
                },{
                    id:'type',
                    header: "Type", 
                    width: 70, 
                    sortable: true, 
                    dataIndex: 'description'
                },{
                    id:'size',
                    header: "Size", 
                    width: 50,
                    sortable: true, 
                    dataIndex: 'filesize', 
                    renderer: Ext.util.Format.fileSize 
                },{
                    xtype:'actioncolumn',
                    items:[{
                        icon: '/img/fam/drive_disk.png',
                        tooltip: 'Download file',
                        handler: function(grid, rowIndex, colIndex){
                            var rec = store.getAt(rowIndex);
                            location.href = Ext.urlAppend('/ibmus/download/', Ext.urlEncode({
                                folder: rec.get('folder'),
                                filename: rec.get('filename')
                            }));
                        }
                    }]
                }
            ],
            autoExpandColumn:'filename',
            view: new Ext.grid.GroupingView({
                emptyText: 'No files found. Please wait up to 24 hours after activating your account for files to appear.',
                forceFit:true,
                groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Files" : "File"]})'
            }),

            frame:false,
            width: '100%',
            height: 250,
            collapsible: false,
            animCollapse: false
        });


        CW.App.AlarmGrid.superclass.initComponent.call(this);

    }

};
...