Javascript Ext GroupingView不能简单地列出行而不进行分组
我试图使用Ext GroupingView,但它只是列出行,而没有对GroupingStore的代码进行分组: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,
//......................................................//
_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
一样
这是为什么缩进很重要的一个很好的例子——你的错误对于任何有经验的人来说都是显而易见的