无法绑定Ext.grid.PagingToolbar Extjs上的存储
我正在使用6.5.3版本和modern工具包开发一个extjs项目,但是我在尝试使用pagingtoolbar实现dataview时遇到了一个问题,我的视图有一个viewmodel,其中包含一个带有rest代理的存储,但是当我观看应用程序时,导航器会抛出下一个错误: [E] Ext.mixin.Bindable.applyBind():无法在上绑定存储 Ext.grid.PagingToolbar-缺少设置存储方法 未捕获错误:无法绑定Ext.grid.PagingToolbar上的存储-缺少 设置存储方法 未捕获的TypeError:此[binding.\u config.names.set]不是函数 这是我的密码:无法绑定Ext.grid.PagingToolbar Extjs上的存储,extjs,extjs6-modern,extjs6.5,Extjs,Extjs6 Modern,Extjs6.5,我正在使用6.5.3版本和modern工具包开发一个extjs项目,但是我在尝试使用pagingtoolbar实现dataview时遇到了一个问题,我的视图有一个viewmodel,其中包含一个带有rest代理的存储,但是当我观看应用程序时,导航器会抛出下一个错误: [E] Ext.mixin.Bindable.applyBind():无法在上绑定存储 Ext.grid.PagingToolbar-缺少设置存储方法 未捕获错误:无法绑定Ext.grid.PagingToolbar上的存储-缺少
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中实现分页的正确形式吗?这是文档中的第一件事: 用于在网格中分页的工具栏。不要实例化这个类 直接的。使用分页菜单的Ext.grid.plugin.PagingToolbar配置 工具栏网格插件,用于配置其选项 提供了如何执行此操作的示例:
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
config配置其选项。感谢您的回答,我有一个问题,是否可以在网格中实现xtemplate?@CarlosRamirez这是通过在ViewModel
中定义virtual
存储来实现的,我想人们可以只绑定列标题,最终使用行模板。Martin Zeitler,我能找到的解决方案就是相同的列表分页实现示例“”我们使用列表中的数据视图和分页插件,考虑到可能有一个itemTpl。@CarlosRamirez网格中的itemTpl
是行模板。分页插件不应该限制这些,您只需要根据需要组合这些配置;这可能是使用框架时的一个额外好处。