Ext GroupingView不能简单地列出没有分组的行

时间:2010-11-16 11:53:05

标签: javascript extjs

我正在尝试使用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);

我试图找出为什么只列出行而不对它们进行分组或以任何方式调试它?

1 个答案:

答案 0 :(得分:0)

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

这是为什么缩进很重要的一个很好的例子 - 任何有经验的人都会立即明白你的错误。