PagingToolbar 设置每页条数
Ext.PagingToolbar默认没办法设置每页条数。
如 图:
如果想让用户自己定义每页条数:
如 图:
网上找了半天竟然找不到相应的解决办法,只能自 己去写个控件。
代码:
/*!
* HlJS Library 1.0.0
*
Copyright(c) 2006-2010 HZZY, LLC
* lighthong@sina.com.cn
* http:
*/
/**
* @class
Hljs.component.HlPagingToolbar
*
在Ext.PagingToolbar的基础上增加了自己设置每页多少条的功能
* 20100717 创建
*/
Ext.namespace("Hljs.component");
Hljs.component.HlPagingToolbar
= Ext.extend(Ext.PagingToolbar, {
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,共 {2} 条',
emptyMsg: "无记录",
initComponent : function(){
var pageSizeItems =
[
'每页',
this.inputItem = new Ext.form.NumberField({
cls:
'x-tbar-page-number',
allowDecimals: false,
allowNegative: false,
enableKeyEvents: true,
maxValue: 500,
maxText: '每页不允许超过500条',
selectOnFocus: true,
value: this.pageSize,
submitValue: false,
listeners: {
scope: this,
keydown: this.onHlPagingKeyDown,
blur:
this.onHlPagingBlur
}
}),'条'
];
var userItems = this.items || [];
this.items = userItems.concat(pageSizeItems);
Hljs.component.HlPagingToolbar.superclass.initComponent.call(this);
},
onHlPagingKeyDown: function(field, e){
if(field.isValid()){
var k = e.getKey();
if (k == e.RETURN) {
e.stopEvent();
this.pageSize = field.getValue();
this.doRefresh();
}
}
},
onHlPagingBlur: function(field){
if(field.isValid()){
this.pageSize =
field.getValue();
this.doRefresh();
}
}
});
发表评论
-
dssddssdsdsd
2014-07-02 17:22 813登录不要刷新发布文章没有判断内容是否为空您正在使用低版本浏览 ... -
hello
2014-07-02 17:22 705登录不要刷新发布文章没有判断内容是否为空您正在使用低版本浏览 ... -
用js获取后台返回的List对象
2013-05-17 10:59 1667function getEquimentType(){ ... -
Calendar注意
2013-03-27 19:41 809public static void main(String ... -
如何判断一个点是否在不规则图形内部?
2012-09-26 09:46 5933网上查了下,有办法是说连接目标点与各顶点,然后算夹角,加起来为 ... -
界面设计工具UIDesigner或者GUI
2012-09-19 16:14 588UI Designer,http://uid.cdc.t ... -
poi数据有效性(下拉列表)
2012-08-28 12:14 3103版本poi3.8 public class Test ... -
oracle
2012-05-23 22:45 704oracle -
项目部署至tomcat,访问地址不需要工程名 直接就是个ip地址
2012-04-10 15:17 1593在正常情况下我们访问项目连接都带工程名,如http://192 ... -
struts1
2011-08-02 07:34 803个人struts1 -
spring bean 范围
2011-05-19 21:07 752<bean id="bean1" c ... -
内存分析
2011-05-19 17:50 770CastorMarshaller -
推荐好的软件
2011-05-09 16:31 812类似windows的资源管理器:CubicExplorer.e ... -
多个包应用事务
2011-03-16 22:45 986<aop:config><aop:advis ... -
spring切面
2011-03-16 22:32 739<!-- [if gte mso 9]><x ... -
ext 事件
2011-03-02 00:17 859function btnClick(button,e){ ... -
extjs分页添加pagesize
2011-02-22 22:17 3741var tool_bar_1 = new Ext.Pagin ... -
springmvc配置
2011-02-21 00:11 857<servlet> &l ... -
springmvc注解
2011-02-21 00:10 1173@Controller @RequestMapping(&q ... -
springjdbc
2011-02-20 23:22 928public class DefaultTemplate { ...
相关推荐
extjs4.2 分页combo动态条数 源码,不懂的加群
extjs 分页 从dao到action
可以通过下拉列表框选择每页的分页条数 主要用于动态选择分页表格每页显示记录的条数
一个extjs的分页控件,就是可以选择一页显示多少条记录,该控件非常灵活,便于集成
SSH+ExtJs分页小例子
Extjs分页使用java实现数据库数据查询.docx
extjs 简单分页例子。 只有js文件 后台 代码自己可以采用 觉得好的技术实现。
extjs 富客户端界面设计 grid分页后台处理
显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号, 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能. 在 ExtJS3.3基础上开发的. ...
我们开发项目的时候,有的时候左边的树结点很多,虽然说有extjs有异步,但还是有结点下面有时长达500个以上,甚至更多,这个时候用分页可以解决这个问题
NULL 博文链接:https://lucky16.iteye.com/blog/1522254
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
详细介绍了EXTJS中gridpanel分页技术的解析
extjs的pagingtoolbar 点击下一页时,出现store的load时间,但是只有start和limit这两个参数,这样就出现了,点击下一页的时候,查询出 的结果和条件不符合。虽然可以通过一次性查出所有记录的方法解决,但是我更...
extjs增删改查分页树
Extjs+springmvc登录注册,分页,sqlserver08
js写的仿extjs的分页工具条,效果和extjs的一样
Struts2+Json+ExtJS分页 资料来自互联网,及供参考学习。
NULL 博文链接:https://kohisa.iteye.com/blog/651399
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以