Persisting Grid PageSize Setting

[wgmleslie]

Hi,

I'm trying to persist the current PageSize in a grid.  To do so, I have a cookie with the previous session's PageSize in it.  On the DataBound event for the grid, I fire the following routine (uses jquery.cookie.js):

function onDataBoundBilling(e) {
    // Get cookie (if any).
    var cookiePageSize = JSON.parse($.cookie("billingPageSize"));

    // Push new value to PageSize.
    if ($.cookie('billingPageSize')) {
        var grid = $("#billingGrid").data("kendoGrid");
        grid.dataSource.pageSize(parseInt(cookiePageSize));
    }
}

This correctly resizes the grid to the value in the cookie.  However, the grid pager's drop down list still shows the original PageSize value.  How can I cause this to update?

[Dimo]

Hello William,

Please do the following:

1. Open the Grid's Basic Usage demo.

http://demos.telerik.com/kendo-ui/grid/index

2. Execute the following code in the browser's Javascript console.

var grid = $("#grid").data("kendoGrid"); grid.dataSource.pageSize(30);

The page size will change and the Grid's "Page Sizes" dropdown will show the new page size value. The only thing to note is that new custom page size values are not displayed in the dropdown's item list, unless you include them explicitly during Grid configuration:

http://docs.telerik.com/kendo-ui/api/web/grid#configuration-pageable.pageSizes

Regards,
Dimo
Telerik

 

 

[wgmleslie]

Hi Dimo,

Thank you for your prompt response.

When I ran your code snippet from the command line and it worked, I realized that I need to call the .pageSize method from $(document).ready(function () not at the onDataBound event for the grid.

-Bill