Javascript Ext GroupingView不能简单地列出行而不进行分组

Javascript Ext GroupingView不能简单地列出行而不进行分组,javascript,extjs,Javascript,Extjs,我试图使用Ext GroupingView,但它只是列出行,而没有对GroupingStore的代码进行分组: //......................................................// _store = new Ext.data.GroupingStore({ autoDestroy: true, proxy: new Ext.data.MemoryProxy({ items: [] }), remoteSort: true,

我试图使用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);

我正试图弄明白为什么只列出行而不进行分组或调试?

您已将GroupingView放在ColumnModel中。相反,您应该将其分配给
this.view
,就像将ColumnModel分配给
this.colModel
一样

这是为什么缩进很重要的一个很好的例子——你的错误对于任何有经验的人来说都是显而易见的