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

Posted 2021-05-06

我正在使用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配置来配置其选项