示例如下:
/**
* GridPanel 使用
* 创建可控制分页条数的分页工具条 如:{bbar : getPagingToolbar(grid, store ,20)}
*
* @param {}
* grid
* @param {}
* gridStore
* @param {}
* gridPageSize
* @return {}
*/
function createPagingToolbar(grid, gridStore, gridPageSize) {
var pageToolbar = new Ext.PagingToolbar({
pageSize : gridPageSize,
store : gridStore,
displayInfo : true,
displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg : "没有记录",
items : [' 每页', new Ext.form.ComboBox({
width : 50,
store : new Ext.data.SimpleStore({
fields : ['val'],
data : [[10], [15], [20], [30], [40],
[50], [60], [70], [80], [100]]
}),
displayField : 'val',
valueField : 'val',
// typeAhead : true,
mode : 'local',
value : gridPageSize,
listWidth : 50,
/** 行宽 * */
triggerAction : 'all',
selectOnFocus : true,
listeners : {
change : {
fn : function(box, newValue, oldValue) {
var pattern = /^[1-9]\d*$/;
if (newValue
&& pattern.test(newValue
.toString())) {
if (parseInt(newValue.toString()) != pageToolbar.pageSize) {
pageToolbar.pageSize = parseInt(newValue);
gridStore.load({
params : {
start : 0,
limit : pageToolbar.pageSize
}
});
return ;
}
}
box.setValue(oldValue);
}
}
}
}), '条']
});
return pageToolbar;
}
- 大小: 3 KB
分享到:
相关推荐
5、在IE的地址栏输入“http://localhost:8080/GridPanel”之后回车 6、如果一切正常,你会看到可以分页的表格;调整main.js你可以看到可以重新刷新的树 目的:Ext框架的开发中,最常用的有GridPanel控件,以及...
NULL 博文链接:https://redboy5711.iteye.com/blog/259913
扩展的GridPanel,让其分页后保持选择状态
详细介绍了EXTJS中gridpanel分页技术的解析
EXT实例GridPanel. 实现简单的。
gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊
Extnet GridPanel 增行 删行 弹出窗体 页面传值
改变gridpanel的行颜色,以及gridpanel 的表格变色
ExtJS的GridPanel导出excel文件,方便快捷易懂!
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
源代码js文件 博文链接:https://javaExtjs.iteye.com/blog/200923
Ext.grid.GridPanel 删除线 放到example文件夹下运行
使用ext3.0 实现 GridPanel 分页显示,调用后台数据 ,格式为json,数据使用 xml 无数据库下载就可以运行,与dwr结合
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
Ext的gridpanel控件二次加载时丢失解决方案