/**
* Page Size Plugin for Paging Toolbar
*
* @author wjc
*/
Ext.ux.PageSizePlugin = Ext.extend(Ext.form.ComboBox, {
store: new Ext.data.SimpleStore({
fields: ['text', 'value'],
data: [['5', 5], ['10', 10], ['15', 15], ['20', 20], ['25', 25], ['50', 50], ['100', 100]]
}),
mode: 'local',
displayField: 'text',
valueField: 'value',
allowBlank: false,
triggerAction: 'all',
width: 50,
maskRe: /[0-9]/ ,
beforeText:'显示',
afterText:'条/页',
init: function(paging) {
paging.on('render', this.onInitView, this);
},
onInitView: function(paging) {
paging.insert(paging.items.length-2,'-', this.beforeText, this, this.afterText);
function GetCookie(cookieName){
var cookies = document.cookie;
var cStartIndex = -1, cEndIndex = -1;
cookieName = cookieName + "=";
cStartIndex = cookies.indexOf(cookieName);
if(cookies.length && (-1 != cStartIndex))
{
cEndIndex = cookies.indexOf(";", cStartIndex + cookieName.length)
if(-1 == cEndIndex)
{
cEndIndex = cookies.length;
}
return cookies.substring(cStartIndex + cookieName.length, cEndIndex);
}
return null;
};
var pageSize = GetCookie("PageSizePlugin_pageSize");
if (pageSize!=null && pageSize!=""){
this.setValue(pageSize);
}else{
this.setValue(paging.pageSize);
}
this.on('select', this.onPageSizeChanged, paging);
this.on('specialkey', function(combo, e) {
if(13 === e.getKey()) {
this.onPageSizeChanged.call(paging, this);
}
});
},
onPageSizeChanged: function(combo) {
function SetCookie(cookieName, value){
cookieValue=value;
var date = new Date();
date.setTime (date.getTime() + 3600000000); //设置过期时间
document.cookie = cookieName + "=" + cookieValue + ";expires=" + date.toGMTString()+";path=/"; //设置cookie值
};
this.pageSize = parseInt(combo.getRawValue(), 10);
SetCookie("PageSizePlugin_pageSize",this.pageSize);
this.doLoad(0);
}
});
分享到:
相关推荐
参考: Ext.PagingToolbar.js 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道. 用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, ...
extjs的pagingtoolbar 点击下一页时,出现store的load时间,但是只有start和limit这两个参数,这样就出现了,点击下一页的时候,查询出 的结果和条件不符合。虽然可以通过一次查处所有符合条件的记录,然后根据传入...
Ext.PagingToolbar运行时不能动态设置每页条数的功能,此控件就可以实现这些功能,包含下拉选择分页条数和滑动选择分页条数
NULL 博文链接:https://fuyu365-163-com.iteye.com/blog/1703697
NULL 博文链接:https://sonckchi.iteye.com/blog/1958861
非传统分页工具. 简单说明下: ...参考: Ext.PagingToolbar.js 因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道.
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
ext PagingToolbar 带参数的翻页
extjs 分页 从dao到action
var pagebar = new Ext.PagingToolbar({ store:store, pageSize:limit, displayInfo:true, displayMsg:'本页显示第{0}条到第{1}条的记录,一共{2}条。', emptyMsg:'没有记录' }); //有参数的分页 Ext....
extjs的pagingtoolbar 点击下一页时,出现store的load时间,但是只有start和limit这两个参数,这样就出现了,点击下一页的时候,查询出 的结果和条件不符合。虽然可以通过一次性查出所有记录的方法解决,但是我更...
很方便的分页控件,通过事件处理分页 PagingToolbar.mxml PagingEvent.as
Service类(RecordServiceImpl),Service接口(RecordService),分页类(ListRange.java),dwr自带(engine.js),ext自带(ext-all.js,ext-base.js,ext-all.css),(分页底部工具栏)PagingToolbar.js
在extjs中,类Ext.PagingToolbar封装了关于分页的操作,该类从Toolbar继承而来,单从名字上看,我们也猜得出这是一个能够处理分页的工具栏。好吧,那我们就来看看如何构造这样一个工具栏吧。PagingToolbar类的构造...
在修改或删除grid中的数据时,删除成功后需要重新load数据,并继续停留在当前页,使用PagingToolbar的cursor属性获取当前的页码开始的记录数
Ext.onReady(function() { store3 = new Ext.data.JsonStore({ autoDestroy: true, ...var pagingToolbar = new Ext.PagingToolbar({ emptyMsg : "没有数据", displayInfo : true, displayMsg : "显示从{0}条数据到{
Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 ...