Ext GroupingView не работает просто перечисление строк без группировки

Question

Я пытаюсь использовать Ext GroupingView, но он просто перечисляет строки без группировки моего кода для GroupingStore:

 //......................................................//
_store = new Ext.data.GroupingStore({
    autoDestroy: true,
    proxy: new Ext.data.MemoryProxy({ items: [] }),
    remoteSort: true,
    groupOnSort: true,
      sortInfo: {
      field: 'xxxExamProfg',
      direction: "ASC"
  },
  groupField: 'xxxExamProfg',            
    reader: new yyy.xxxExamDetJsonReader()
});

_gridPanel = new yyy.xxxExamDetGridPanel(Ext.copyTo({
    id: _this.id + '-gridPaneld',
    store: _store,
}, _this.initialConfig, []));

Ext.apply(_this, {
    onRender: function(ct, position) {
        yyy.xxxExamDetListField.superclass.onRender.call(_this, ct, position);
        _this.wrap = _this.el.wrap({ cls: 'x-form-field-wrap' });
        _this.resizeEl = _this.positionEl = _this.wrap;
        _gridPanel.render(_this.wrap);
    },
    //......................................................//
    setValue: function(v) {
        _gridPanel.getStore().proxy.data.items = v;
        _gridPanel.getStore().load();
        return yyy.xxxExamDetListField.superclass.setValue.apply(_this, arguments);
    },
    getValue: function() {
        return _gridPanel.getStore().proxy.data.items;
    }
});

и мой код для gridpanel:

yyy.xxxExamDetGridPanel = Ext.extend(Ext.grid.GridPanel, {
    border: false,
    initComponent: function() {
        this.colModel = new Ext.grid.ColumnModel({
        defaults: { width: 100, sortable: true },
        view: new Ext.grid.GroupingView({
            forceFit: true,
            // custom grouping text template to display the number of items per group
            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
        }),
            columns: [
                { dataIndex: 'Fservice', header: 'Exam Code', xtype: 'gridcolumn' },
                { dataIndex: 'xxxExamProfgdescr', header: 'xxxExamProfgdescr', xtype: 'gridcolumn' },
                { dataIndex: 'xxxExamProfg', header: 'xxxExamProfg', xtype: 'gridcolumn' },
                { dataIndex: 'Fedate', header: 'Date', xtype: 'datecolumn', format: 'd/m/Y' }
            ]
        });
        yyy.xxxGridPanel.superclass.initComponent.apply(this, arguments);
    } //initComponent
});

Ext.reg('yyy.xxxExamDetGridPanel', yyy.xxxDetGridPanel);

Я пытаюсь выяснить, почему перечисление только строк без их группировки или какой-либо способ их отладки?

Answer 1

Вы разместили свой GroupingView внутри ColumnModel. Вместо этого вы должны присвоить его this.view, как вы присваиваете ColumnModel this.colModel.

Это хороший пример того, почему отступ имеет значение - ваша ошибка была бы сразу понятна любому немного опытному.