您的位置:首页 > Web前端 > JavaScript

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});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: