kendo UI 分页

Question

我有两个数据源的具体问题。当我将下拉列表从 Recently Written 切换到 Recently Dined 时，我想将分页重置为 1。我认为问题是因为这些来自两个不同的数据源，所以分页不会刷新，而是会保留在第 2 页，例如，即使在我单击不同的 select 下拉列表后也是如此。

分页发生在这里，但我不确定如何"reset"它。

if (this.dataSource.totalPages() <= 1) {
    this.pager.element.hide();
}
else {
    this.pager.element.show();
}

jQuery(document).ready(function() {
(function ($) {

    var kendo = window.kendo;
    var ui = kendo.ui,
        Grid = ui.Grid,
        DATABOUND = "dataBound";
    var
        _init = kendo.ui.Grid.fn.init;


    var CompanyGrid = Grid.extend({
        init: function (element, options) {
            var that = this;

            Grid.fn.init.call(that, element, options);

            // register custom dataBound
            that._registerDataBound();
        },
        _registerDataBound: function () {
            var that = this;

            that.bind(DATABOUND, function(e) {
                if (!this.pager) {
                  return;
                }
                // Hides page arrows if <= 1 page
                if (this.dataSource.totalPages() <= 1) {
                    this.pager.element.hide();
                }
                else {
                    this.pager.element.show();
                }
            });
        }
    });

    ui.plugin(VengaGrid);
}(jQuery));

});

这是文档：http://docs.telerik.com/kendo-ui/api/javascript/ui/pager 更新

我试过了

 if (this.dataSource.totalPages() <= 1) {
    this.pager.element.hide();
} else {
    this.pager.page(1);
}

and got this
 <error>jquery.min.js:1 p.Eventjquery.min.js:14 p.Eventjquery.min.js:14 p.event.fixjquery.min.js:14 p.event.dispatchjquery.min.js:14 p.event.add.g.handle.h
jquery.min.js:14 <error>
3jquery.min.js:1 <error>
2jquery.min.js:1 <error>
86jquery.min.js:14 <error>
jquery.js?body=1:347 Uncaught RangeError: Maximum call stack size exceeded

Answer 1

呼叫dataSource.page(0)；切换数据源后

kendo UI 分页

kendo UI pagination

jquery

pagination

kendo-ui