我正在使用6.5.3版本和现代工具包开发一个extjs项目,但是我在尝试使用pagingtoolbar实现数据视图时遇到问题,我的视图有一个包含带有rest代理的商店的viewmodel,但是当我观看应用程序时,导航器抛出下一个错误:
[E] Ext.mixin.Bindable.applyBind():无法在Ext.grid.PagingToolbar上绑定存储 - 缺少setStore方法。
未捕获错误:无法在Ext.grid.PagingToolbar上绑定存储 - 缺少setStore方法。
未捕获的TypeError:此[binding._config.names.set]不是函数
这是我的代码:
Ext.define('App.view.qlist', {
extend: 'Ext.Panel',
viewModel: 'myViewmodel',
controller: 'mycontroller',
items: [{
xtype: 'dataview',
cls: 'qcls',
bind: {
store: '{allmyquest}'
},
itemTpl: questTpl
}, {
xtype: 'pagingtoolbar',
bind: {
store: '{allmyquest}'
},
dock: 'bottom',
displayInfo: true
}]
});
在Extjs Modern toolkit v6.5.3中实现分页是否是正确的形式?
documentation提供了一个如何做到这一点的例子:
items: [
Ext.create('Ext.grid.Grid', {
title: 'DC Personnel',
store: store,
plugins: {
pagingtoolbar: true
},
columns: [
{ text: 'First Name', dataIndex: 'fname', flex: 1 },
{ text: 'Last Name', dataIndex: 'lname', flex: 1 },
{ text: 'Talent', dataIndex: 'talent', flex: 1 }
]
})
]
它是网格的默认工具栏;因此,只需要使用true
启用该插件。
这是文档中的第一件事:
用于在网格中进行分页的工具栏。不要直接实例化这个类。使用分页工具栏网格插件的Ext.grid.plugin.PagingToolbar配置来配置其选项