重写 Ext.toolbar.Paging 扩展功能

直接代码,放项目overrides文件夹中即可

//重写类 分页插件
//汉化
//默认下方布局
//默认显示额外信息
//当删除数据时,处理页面变化
Ext.define("override.toolbar.Paging", {
    override: "Ext.toolbar.Paging",
    displayMsg: ‘显示 {0} - {1} 条,共 {2} 条‘,
    emptyMsg: ‘没有要显示的数据‘,
    beforePageText: ‘第‘,
    afterPageText: ‘页,共 {0} 页‘,
    firstText: ‘第一页‘,
    prevText: ‘上一页‘,
    nextText: ‘下一页‘,
    lastText: ‘最后一页‘,
    refreshText: ‘刷新‘,
    dock: ‘bottom‘,
    displayInfo: true,
    //新增remove监听
    getStoreListeners: function () {
        return {
            beforeload: this.beforeLoad,
            load: this.onLoad,
            exception: this.onLoadError,
            remove: this.onRemoveRecords
        };
    },
    //当删除数据时
    onRemoveRecords: function (store, records) {
        var me = this,
        //当前页数据总数
        count = store.getCount(),
        //当前页码
        currentPage = store.currentPage,
        //页面总数
        pageCount = me.getPageData().pageCount,
        //数据总数
        totalCount = store.getTotalCount();
        //当前页已经没有数据
        if (count == 0) {
            if (pageCount == currentPage) {
                //如果是最后一页,显示上一页
                me.movePrevious();
            } else {
                //不是最后一页,刷新
                me.doRefresh();
            }
        } else {
            //重新设置数据总数
            store.totalCount = totalCount - records.length;
            //刷新页面
            me.updateInfo();
        }
    }
});
时间: 2024-10-14 13:11:44

重写 Ext.toolbar.Paging 扩展功能的相关文章

[转载]ExtJs4 笔记(12) Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏

作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律责任. 本篇讲解三个工具栏控件.其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单,Ext.toolbar.Paging专门用来控制数据集的分页展示,Ext.ux.statusbar.StatusBar用来展示当前的状态信息. 一.Ext.toolbar.Toolbar

重写 Ext.form.field 扩展功能

直接代码,放项目overrides文件夹中即可 1 //重写类 表单父类 2 //支持allowBlank动态绑定 3 Ext.define("override.form.field.Base", { 4 override: "Ext.form.field.Base", 5 //标签文字右对齐 6 labelAlign: 'right', 7 setAllowBlank: function (value) { 8 this.allowBlank = value; 9

ExtJS 4.0 gridPanel 分页控件Ext.toolbar.Paging点击传参问题

Store.on('beforeload', function (s) { s.baseParams['Year'] = Ext.getCmp("year").getValue(); s.baseParams['Month'] = Ext.getCmp("month").getValue(); s.baseParams['fcno'] = Ext.getCmp("ruleid").getValue(); var params = s.getPro

[ExtJS5学习笔记]第八节 Extjs5的Ext.toolbar.Toolbar工具条组件及其应用

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38515499 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- Ext JS API: http://docs.sencha.

Extjs-工具条和菜单 Ext.menu和Ext.Toolbar

转载自:http://blog.csdn.net/itlwc/article/details/7878002 1.创建一个简单工具条效果图 [javascript] view plaincopy <script type="text/javascript" defer> Ext.onReady(function(){ // 创建带三个按钮的工具条 var tb = new Ext.Toolbar({ width : 300, items : [{ text: '新建' },

ExtJS 4 【Ext.toolbar.Toolbar】

<input type="button" id="EnableToolbar" value="启用工具栏" /> <input type="button" id="DisableToolbar" value="停用工具栏" /> <br/> <div id="toolbar"></div> .csharpco

[ExtJS学习笔记]第八节 Extjs的Ext.toolbar.Toolbar工具条组件及其应用

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38515499 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- Ext JS API: http://docs.sencha.

【extjs】 extjs5 Ext.grid.Panel 搜索示例

先看效果图: 页面js: <script type="text/javascript"> /** * 日志类型 store * */ var logTypeStore = Ext.create('Ext.data.Store', { fields: ['type', 'name'], data : [ {"type":"1", "name":"登录日志"}, {"type":

【extjs】 ext5 Ext.grid.Panel 分页,搜索

带有分页,搜索的grid. <%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %> <html> <head> <jsp:include page="../common/resource_classic.jsp"