Javascript Extjs 4.1分页工具栏默认页面

Javascript Extjs 4.1分页工具栏默认页面,javascript,extjs,extjs4.1,Javascript,Extjs,Extjs4.1,如果没有记录,我想将分页工具栏的默认页面更改为1/1,而不是0。此外,我没有使用存储代理请求任何记录,因此是否有任何方法可以在不使用存储代理的情况下完成此操作。根据我的要求,用户可以使用显示第1页的分页工具栏将行手动添加到网格中,当行数超过10行时,它将移动到第2页。在Ext中,可以使用自己的自定义版本重载Ext.toolbar.Paging之类的组件。只需在定义中指定别名,就可以像“本机控件”一样使用它 为了确保该方法能够工作,我使用一个简单的数据源设置了一个测试项目,并实现了足够多的替换定义

如果没有记录,我想将分页工具栏的默认页面更改为1/1,而不是0。此外,我没有使用存储代理请求任何记录,因此是否有任何方法可以在不使用存储代理的情况下完成此操作。根据我的要求,用户可以使用显示第1页的分页工具栏将行手动添加到网格中,当行数超过10行时,它将移动到第2页。

在Ext中,可以使用自己的自定义版本重载Ext.toolbar.Paging之类的组件。只需在定义中指定别名,就可以像“本机控件”一样使用它

为了确保该方法能够工作,我使用一个简单的数据源设置了一个测试项目,并实现了足够多的替换定义,这样我就可以看到“Ext.toolbar.Paging”.getPagingItems方法在我的自定义定义中被激发

从那时起,您可以替换原始方法定义中的代码,以允许自定义最小值,此外还可以重载“updateInfo”方法,以确保在重新加载数据期间,您不会费力地进行自定义

除了这两件事之外,您应该(花费相对较少的精力)能够在控件之上实现,以支持基于网格内容动态更改控件的值

如果您查看ux.data.PagingStore的文档,您应该能够从本地提供的数据中找出使用远程提供的存储的区别

希望这对你有帮助

代码示例:

Ext.define(
    "Test.view.testview.TvPageBar",
    {
        extend: "Ext.toolbar.Paging",
        alias: "widget.tvpagebar",
        title: "Bob",
        strictInit: function () {
            "use strict";
            console.log("TvPageBar init");
        },
        getPagingItems: function () {
            console.log("getPagingItems", this);
            this.callParent(arguments);
        },
        initComponent: function () {
            this.strictInit();
            this.callParent(arguments);
        }
    }
);

请把这个问题分成两个不同的问题。一个是关于分页显示,另一个是关于添加行时移动到另一页的要求。像这样把它们放在一起会让人觉得:“这是我的需求,为我解决它。”你应该为你正在做的事情提供示例代码。