无法在 Ext.grid.PagingToolbar Extjs 上绑定存储

Question

我正在使用 6.5.3 版本和 modern 工具包开发一个 extjs 项目，但我在尝试实现数据视图时遇到了问题使用 pagingtoolbar，我的视图有一个视图模型，其中包含一个带有 rest 代理的商店，但是当我观看应用程序时，导航器抛出下一个错误：

[E] Ext.mixin.Bindable.applyBind(): Cannot bind store on Ext.grid.PagingToolbar - missing a setStore method.

Uncaught Error: Cannot bind store on Ext.grid.PagingToolbar - missing a setStore method.

Uncaught TypeError: this[binding._config.names.set] is not a function

这是我的代码：

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 现代工具包 v6.5.3 中实现分页的正确形式吗？

Answer 1

这是文档中的第一件事：

A toolbar used for paging in grids. Do not instantiate this class directly. Use the Ext.grid.plugin.PagingToolbar config of the Paging Toolbar grid plugin to configure its options

Answer 2

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.PagingToolbar Extjs 上绑定存储

Cannot bind store on Ext.grid.PagingToolbar Extjs

extjs

extjs6-modern

extjs6.5