首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Extjs4.2+webAPI+EF实现分页以及webapi的数据传值(续)

Extjs4.2+webAPI+EF实现分页以及webapi的数据传值(续)

作者头像
hbbliyong
发布2018-03-05 15:40:43
7160
发布2018-03-05 15:40:43
举报
文章被收录于专栏:hbbliyonghbbliyong

现在领导又要增加功能,需要分页的时候,每页显示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: "没有数据"
                }),

实现的效果图为:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2013-06-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档