Extjs4.2+webAPI+EF实现分页以及webapi的数据传值(二)
小编:管理员 504阅读 2022.09.06
现在领导又要增加功能,需要分页的时候,每页显示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: "没有数据" }),复制
实现的效果图为:
相关推荐
- ExtJs七(ExtJs Mvc创建ViewPort) 前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…