Extjs4.2+webAPI+EF实现分页以及webapi的数据传值(续)
2013-06-21 17:57
218 查看
现在领导又要增加功能,需要分页的时候,每页显示N条信息。由于是每个页面都要改,所有需要声明了一个扩展类代码如下:
使用方法是:
实现的效果图为:
// Copyright : 欧蓝德畅电子技术有限公司. All rights reserved. // 文件名:pager.js // 文件描述:分页扩展类,extJS控件之每页显示N条记录 //----------------------------------------------------------------------------------- // 创建者: // 创建时间:2013-06-21 //==================================================================================== Ext.define('Ext.ux.ComboPageSize', { requires: [ 'Ext.form.field.ComboBox' ], pageSizes: [5, 10,15,20, 25, 50, 100, 200, 500, 1000], constructor: function (config) { if (config) { Ext.apply(this, config); } }, init: function (pbar) { var combo = Ext.widget('combo', { store: this.pageSizes , fieldLabel: '每页显示' , labelWidth: 60 , width: 120 , listeners: { change: function (s, v) { pbar.store.pageSize = v; pbar.store.loadPage(1); } } }); var itemlengths = pbar.items.items; pbar.add(itemlengths, '-', combo, '行'); combo.setValue(pbar.store.pageSize); } });
使用方法是:
bbar: Ext.create('Ext.PagingToolbar', { plugins: [new Ext.ux.ComboPageSize({})], store: Batchstore, //---grid panel的数据源 displayInfo: true, displayMsg: '显示 {0} - {1} 条,共计 {2} 条', emptyMsg: "没有数据" }),
实现的效果图为:
相关文章推荐
- Extjs4.2+webAPI+EF实现分页以及webapi的数据传值
- .net自定义分页实现以及没有任何数据时保留表头
- 运用数据库来实现数据分页以及搜索问题
- Spring与SpringMVC整合,以及实现数据库数据的增删查改和分页操作
- JDBC实现数据库的几种基本操作(查询,分页查询,根据关键字进行查询以及插入数据)
- Sql Server 2000,Sql Server 2005以及Oracle下如何实现数据分页
- 【EntityFramework系列教程三,翻译】在ASP.NET MVC程序中使用EntityFramework对数据进行排序、过滤筛选以及实现分页
- 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义
- 【Lucene】使用EasyUI和JQuery配合Lucene实现数据的分页查询以及高亮显示
- Repeater进行模板设计以及实现数据的分页显示
- 【Lucene】使用EasyUI和JQuery配合Lucene实现数据的分页查询以及高亮显示
- php从PostgreSQL 数据库检索数据,实现分页显示以及根据条件查找数据
- 原生PHP实现数据筛选以及简单分页功能
- Jquery easyUI—datagrid数据表格分页原理以及实现
- jquery将数据以table的形式显示,实现数据统计,分页,以及动态添加,搜索
- 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义
- 实现小数据量和海量数据的通用分页显示存储过程
- java、scala实现FTRL模型(数据以及工程实现)
- 使用Python3 xlrd pymysql 实现读取Excel数据读取以及mysql存储
- WPF DataGrid自定义分页控件_实现下拉刷新数据