Extjs 如何在分页工具栏中设置动态条数Pageszie 的例子
2012-10-18 15:29
513 查看
给大家个思路,版本不同时有些许差异,自己测试了!
var tool_bar_1 = new Ext.PagingToolbar({
pageSize: 50,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
items: [
{ xtype: 'label', text: 'page size:' },
{ xtype: 'numberfield', width: 35, value: 50, minValue: 1, fieldLabel: 'page size:',
allowBlank: false,
listeners:
{
change: function (Field, newValue, oldValue) {
var num = parseInt(newValue);
if (isNaN(num) || !num || num < 1) {
num = 50;
Field.setValue(num);
}
tool_bar_1.pageSize = num;
}
}
}]
});
var tool_bar = [tool_bar_1, '-', {text:'other button'}];
var grid = new Ext.grid.GridPanel({bbar: tool_bar});
var tool_bar_1 = new Ext.PagingToolbar({
pageSize: 50,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
items: [
{ xtype: 'label', text: 'page size:' },
{ xtype: 'numberfield', width: 35, value: 50, minValue: 1, fieldLabel: 'page size:',
allowBlank: false,
listeners:
{
change: function (Field, newValue, oldValue) {
var num = parseInt(newValue);
if (isNaN(num) || !num || num < 1) {
num = 50;
Field.setValue(num);
}
tool_bar_1.pageSize = num;
}
}
}]
});
var tool_bar = [tool_bar_1, '-', {text:'other button'}];
var grid = new Ext.grid.GridPanel({bbar: tool_bar});
相关文章推荐
- extjs如何获得对象和动态设置响应…
- [Gallery]PhotoPage如何全屏显示图片(如何动态设置虚拟按键?)
- 如何动态设置ExtJS Form控件文字显示的颜色
- ExtJs中如何动态设置其选中状态
- masterpage中服务器端控件命名规则和如何用控件名取得document中的对象,用js动态设置控件事件和属性
- asp.net如何调用webservice,如何动态设置webservice引用地址
- layui分页组件layPage动态调整总页数
- Android使用后自定义控件如何在该布局文件以外动态的设置自定义控件的属性
- 如何在代码中动态设置字体大小
- 如何动态设置客户区的大小?
- 如何在程序中动态设置墙纸(使用IActiveDesktop接口)
- 如何在程序中动态设置墙纸
- 如何实现 Spring MVC i18n 国际化,动态设置默认语言
- android 如何动态设置View的margin和padding
- 如何使用代码动态的获取和设置ImageView的宽度和高度?
- 【解决方案】extjs 怎么取消 gridPanel 分页工具栏上的刷新按钮
- NGUI实用操练(六)如何在代码中动态设置一个模型至于UI层上?【NGUI2.6.3】
- EXTjs4 动态设置 button pressed 状态切换
- jqGrid框架中如何设置动态展示自定义的列