Question

EXTJS:怎么让分页组件始终在底部？

分页组件会随着grid的行数的多少而移动，怎么才让分页组件始终在底部？不管grid的行数有多少，分页只在底部，不会跟着grid跑
分页组件代码：
dockedItems: [{
xtype: 'pagingtoolbar',
store: holidayStore,
pageSize: pagesize,
dock: 'bottom',
displayMsg: '显示 {0} - {1} 条记录，总共 {2} 条记录',
emptyMsg:'暂无数据',
displayInfo: true
}
],





Answer 1

这个问题不是分页控件的问题，你需要找到grid的父控件设置layout为fit就OK了，也有可能父控件的大小也没有占满，问题就出现在你整体页面布局有问题，你把整体结构画出来，我才能给你解决。

追问

设置了gridpanel的layout: 'fit',，但还是不行

追答

你整个页面的大致布局是？

追问

这是布局
北
左 中 右
南
grid的是从左边菜单中点击，显示到中间的
centerPanel.add({ html: '',});

Answer 2

 dockedItems: [{
                    xtype: 'pagingtoolbar',
                    store: holidayStore,
                    pageSize: pagesize,
                    dock: 'bottom',
                    style:{position:"fix",background:"red"},//关键代码
                    displayMsg: '显示 {0} - {1} 条记录，总共 {2} 条记录',
                    emptyMsg:'暂无数据',
                    displayInfo: true
                }
                ],

太久没写extjs，现在居然都到ext5版了……信息发展快啊~

以上只是利用给分页组件增加固定样式。没有测试……但原理可行。