组合框分页工具栏不响应页面大小
我在从数据库中选择项目的组合框中遇到了一些问题。由于加载了100多个项，所以我使用组合框底部的分页工具栏。现在，如果页面大小设置为5或50，则分页工具栏将根据页面大小显示20页中的1页或2页中的1页，但是combobox显示所有100项，然后将它们复制到下一页，就像根本没有设置页面大小一样。我试过几件事，但似乎没有什么能使它起作用。怎么了？
{
xtype: 'combobox',
queryMode: 'local',
valueField: 'id',
fieldLabel: 'Description SKU',
name: 'id_fk',
pageSize: 5,
width: 400,
padding: 5,
store: Ext.create('Ext.data.Store',
{
fields: ['id','key item','description'],
autoLoad: true,
pageSize: 5,
proxy:
{
type: 'ajax',
url: 'items/load',
reader:
{
type: 'json',
root: 'data'
}
}
}),
tpl: Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="x-boundlist-item">{key item} - {description}</div>',
'</tpl>'),
displayTpl: Ext.create('Ext.XTemplate',
'<tpl for=".">',
'{key item} - {description}',
'</tpl>'
)
}回答 1
Stack Overflow用户
发布于 2015-04-01 19:01:01
当请求加载存储时，它将传递一个值为5的pageSize查询参数。
但是，在返回结果时，应由服务器端服务考虑此参数。
编辑:下面是分页组合框的示例：http://docs.sencha.com/extjs/4.1.3/#!/example/form/forum-search.html
如果您在web开发控制台上打开网络选项卡，您将看到请求正在被触发，并且可以查看查询参数。您可以根据需要发送其他文件，但这应该足以满足基本分页的需要。
以下是发送的查询参数：
由"pageSize“参数设置的极限(缺省值为25)
start -返回的第一个记录(从0开始，由pageSize使用工具栏上的prev/next按钮递增)
页面-我们所处的页面(从1开始，使用工具栏上的prev/next按钮减少/递增1)
查询-组合框中的文本。
编辑2:您还应该从服务器返回响应中的"totalProperty“，其中包含结果总数。这将适当地更新工具栏(例如，您在y的x页上)。默认情况下，预期的totalProperty为“总计”。当您查看所提供的示例中的代码时，您可以看到这一点。
https://stackoverflow.com/questions/29398495
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号