Extjs4分页是查询条件参数传递

最新推荐文章于 2018-03-26 17:04:54 发布

原创最新推荐文章于 2018-03-26 17:04:54 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

Web前端同时被 2 个专栏收录

85 篇文章

订阅专栏

extjs

17 篇文章

订阅专栏

本文介绍了如何在ExtJS框架中正确配置分页工具栏和数据存储器的参数，以实现有效的分页功能。具体包括如何设置初始页面、每页显示的记录数以及如何通过编码搜索参数来传递。

// 分页传递参数
    orgStore.on("beforeload",function(){
        Ext.apply(orgStore.proxy.extraParams, {
            params : {
                params : Ext.encode(getSearchParams()),
                page: 1
            }
        });
    });

另外几个需要注意的地方：

1、在pagingtoolbar中添加pageSize参数

2、在store中添加pageSize参数

{
            xtype : 'pagingtoolbar',
            store : userStore,
            dock : 'bottom',
            pageSize: PageUtil.pageSize,
            inputItemWidth: 30,
            displayInfo : true,
            displayMsg : '显示第 {0} 条到 {1} 条记录 / 共 {2} 条',
            emptyMsg : "没有记录！"
        }

var userStore = new Ext.data.ArrayStore({
        pageSize: PageUtil.pageSize,
        autoLoad : false
})