[英]ExtJS5 TypeError: Ext.ux.ProgressBarPager is not a constructor
我正在尝试在MVVM项目中创建带有进度条的网格。 它曾经可以工作,但是当我用
sencha app refresh
我开始收到“ TypeError:Ext.ux.ProgressBarPager不是构造函数”错误。
这是我在其中使用网格的面板:
Ext.define("GeoPortal.view.south.South",{
"extend": "GeoPortal.geox.components.Panel",
"controller": "south",
"viewModel": {
"type": "south"
},
"region": 'south',
"collapsible": true,
"collapsed": true,
"title": "SouthPanel",
"xtype": "southPanel",
"items": [{
xtype: 'gxPagedGrid',
params: {
store: 'GeoPortal.store.Companies',
pageSize: 5,
columns: [{
text: 'Name',
sortable: true,
dataIndex: 'name',
flex: 1
}, {
text: 'Price',
sortable: true,
formatter: 'usMoney',
dataIndex: 'price',
width: 75
}, {
text: 'Change',
sortable: true,
dataIndex: 'change',
width: 80
}, {
text: '% Change',
sortable: true,
dataIndex: 'pctChange',
width: 100
}]
}
}]
});
这是我的pagedGrid类:
Ext.define('GeoPortal.geox.components.PagedGrid', {
extend: 'GeoPortal.geox.components.Grid',
xtype: 'gxPagedGrid',
using: [
'Ext.toolbar.Paging',
'Ext.ux.ProgressBarPager'
],
initComponent: function () {
var store = new Ext.create(this.params.store, {
pageSize: this.params.pageSize,
proxy: {
enablePaging: true
}
});
Ext.apply(this, {
using: store,
store: store,
columns: this.params.columns,
bbar: {
xtype: 'pagingtoolbar',
pageSize: this.params.pageSize,
store: store,
displayInfo: true
// FIX: this
//plugins: new Ext.ux.ProgressBarPager()
}
});
this.callParent();
},
afterRender: function () {
this.callParent(arguments);
this.getStore().load();
}
});
先感谢您。
因为你用可能发生的问题using
,而不是requires
在类的定义。 这就是为什么当您尝试创建实例时不会加载Ext.ux.ProgressBarPager
的原因。
Ext.create('Ext.ux.ProgressBarPager')
正在工作(如Ext.create('Ext.ux.ProgressBarPager')
所述),因为它能够按需加载类,这就是为什么在new
上使用Ext.create
更好。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.