在此处输入图像描述我是 Extjs 6 的新手,我正在实现一个具有分组摘要功能的网格,我尝试了这两个示例: http ://examples.sencha.com/extjs/6.5.0/examples/classic/grid/ group-summary-grid.html 但不起作用,我在浏览器控制台中遇到了这个问题。有人知道这个错误吗? 在此处输入图像描述
- GET localhost/Geomap2018/feature/groupingsummary.js?_dc=20170104130840 404(未找到)
- 未捕获的 TypeError:c 不是构造函数
- 这是我试过的例子:http: //docs.sencha.com/extjs/6.2.0/classic/Ext.grid.feature.GroupingSummary.html
Ext.define('TestResult', {
extend: 'Ext.data.Model',
fields: ['student', 'subject', {
name: 'mark',
type: 'int'
}]
});
var grid = Ext.create('Ext.grid.Panel', {
width: 200,
height: 240,
features: [{
groupHeaderTpl: 'Subject: {name}',
ftype: 'groupingsummary'
}],
store: {
model: 'TestResult',
groupField: 'subject',
data: [{
student: 'Student 1',
subject: 'Math',
mark: 84
}, {
student: 'Student 1',
subject: 'Science',
mark: 72
}, {
student: 'Student 2',
subject: 'Math',
mark: 96
}, {
student: 'Student 2',
subject: 'Science',
mark: 68
}]
},
columns: [{
dataIndex: 'student',
text: 'Name',
summaryType: 'count',
summaryRenderer: function (value) {
return Ext.String.format('{0} student{1}', value, value !== 1 ? 's' : '');
}
}, {
dataIndex: 'mark',
text: 'Mark',
summaryType: 'average'
}]
});
var win = Ext.create('Ext.window.Window', {
width: 300,
height: 200,
items: [grid]
});
win.show();