Ext.namespace('Ext.ux.grid');
Ext.ux.grid.PageSizePlugin = function() {
Ext.ux.grid.PageSizePlugin.superclass.constructor.call(this, {
store: new Ext.data.SimpleStore({
fields: ['text', 'value'],
data: [['10', 10], ['20', 20], ['50', 50], ['100', 100]]
}),
mode: 'local',
displayField: 'text',
valueField: 'value',
editable: false,
allowBlank: false,
triggerAction: 'all',
width: 60
});
};
Ext.extend(Ext.ux.grid.PageSizePlugin, Ext.form.ComboBox, {
init: function(paging) {
paging.on('render', this.onInitView, this);
},
onInitView: function(paging) {
paging.add('-','每页',this,'条');
var pageSize = function getCookie(c_name)
{
c_name = 'pageSize';
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}();
if (pageSize!=null && pageSize!="")
{
this.setValue(pageSize);
}
else
{
this.setValue(paging.pageSize);
}
this.on('select', this.onPageSizeChanged, paging);
},
onPageSizeChanged: function(combo) {
this.pageSize = parseInt(combo.getValue());
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
};
setCookie('pageSize',this.pageSize,14);
this.doLoad(0);
}
});
使用示例:
var pagingBar = new Ext.PagingToolbar({
plugins : new Ext.ux.grid.PageSizePlugin(),
pageSize: pageRowCount,
store: this.store,
displayInfo: true
});
var grid = new Ext.grid.GridPanel({
margins:'2 2 2 2',
renderTo:document.body,
viewConfig: {
forceFit:true,
enableRowBody:true,
showPreview:true,
getRowClass : this.applyRowClass
},
bbar:pagingBar
});
分享到:
相关推荐
jQuery-Paging动态分页数据获取插件是一款动态数据获取并分页代码,分页切换时还带有好看的弹性动画效果。
NULL 博文链接:https://czwlucky.iteye.com/blog/261182
paging分页插件,用于table分页,小巧,使用简单方便.
paging.js分页插件 <script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/paging.js"> <!--分页--> <div id="page" class="page_div"></div>
PagingGrid 可实现分页的vb控件
uniapp插件z-paging2.2.0
使用上也非常简单,在页面中载入 jquery.ui.tabs.paging.css 和 jquery.ui.tabs.paging.js 文件,在创建 tabs 对象后再执行代码激活一下插件 $tabs.tabs('paging'); 就可以了。 压缩包内带有 demo 。
Allows Windows to run with paging files on Ext2 volumes. UTF-8 encoded file names are supported. The driver treats files with file names that start with a dot "." character ashidden. Supports GPT ...
一个简单的Paging自定义分页范例 一个简单的Paging自定义分页范例 一个简单的Paging自定义分页范例 一个简单的Paging自定义分页范例 一个简单的Paging自定义分页范例 一个简单的Paging自定义分页范例
引入js文件 [removed][removed] [removed][removed] [removed][removed]
Ex4.0共2个压缩包特性,《ext js权威指南》 ...10.3.4 数据汇总功能:ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5 分组功能:ext.grid.featrue.grouping / 543 10.3.6 分组汇总...
jQuery 插件paging动态分页获取数据特效源码.zip
jQuery UI Tabs Paging 是一个用来对太多的 Tab 进行分页显示的 jQuery 插件。 默认的 tabs 插件一旦 tab 过多就会换行,影响页面布局。jquery.ui.tabs.paging 的作用就在于不让其换行,在两头增加左右滑动的图片...
前端项目-jQuery-Paging,可能是最先进的jquery分页插件。
mybatis-paging-1.0.jar 是mybatis的一个分页插件的jar包,一直没有搜索到,今天好不容易找到了,跟大家分享
段页式管理(combined paging and segmentation).rar段页式管理(combined paging and segmentation).rar
基于Dojo 1.4.x的分页组件,兼容dojo.data和dojox.Data所有数据集格式 希望能帮助大家
uniapp基于z-paging实现页面下拉刷新、上拉加载,分页加载案例 仅可供学习研究
在page中无需处理任何分页相关逻辑,无需在data中定义任何分页相关变量,全由z-paging内部处理。 【超灵活,支持各种类型自定义】支持自定义下拉刷新,自定义上拉加载更多,自带自定义下拉刷新效果,及其他数十种...
Linux 内核中Demand paging 与swap 机制的源码分析