Completed
Last Updated: 04 Sep 2015 14:47 by ADMIN
Alexander
Created on: 15 Oct 2012 17:07
Category: Kendo UI for jQuery
Type: Feature Request
74
Grid pageSizes array should allow "All" option
Currently only an array of page size integers can be set in the pageable.pageSizes property. It would be really great to have an option for adding "All" within the dropdown somehow.
12 comments
ADMIN
Telerik Admin
Posted on: 24 Jun 2015 15:43
Available with Q2 2015
ADMIN
Telerik Admin
Posted on: 22 Jun 2015 13:56
Yes, it should be there. Will be included officially in Q2 2015 this week.
Kjartan Valur
Posted on: 18 Jun 2015 10:29
Is this in the Q2 2015 beta ?
ADMIN
Telerik Admin
Posted on: 17 Feb 2015 15:24
Contact our support team at telerik.com if you need assistance with a workaround using ASP.NET MVC backend.
William
Posted on: 16 Feb 2015 19:40
Is it possible to have a workaround in the meantime?
I have tried solutions proposed here :

http://www.telerik.com/forums/any-way-to-add-all-to-pagesizes-array

... but it is not working at all. I use ASP.NET MVC Razor.

Thank you!
ADMIN
Telerik Admin
Posted on: 10 Feb 2015 13:48
This feature will be considered for the next releases post Q1, Kjartan. No definite timeframe set for it yet.
Kjartan Valur
Posted on: 09 Feb 2015 16:08
Duplicate:
http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/3261854-grid-pagesizes-array-should-allow-all-option
Kjartan Valur
Posted on: 09 Feb 2015 16:07
What is the status on this Telerik?
Planned for Q1 2015 ?
Imported User
Posted on: 18 Dec 2014 12:04
C. Symons thanks for workaround, but this should be build in.
Many new developers decide to use other frameworks because Kendo is missing tiny bits that should be there from start
Imported User
Posted on: 13 Nov 2014 11:33
A workaround can be implemented as follows: 1) Add the CSS class "my-expandable" to the grid that should be able to display all rows. The class will be output next to the k-grid class. 2) Include the following CSS classes:

.grid-expander
{
    text-align:center;
    display:block;
    padding-top:0.25em;
    width:100%;
}
.icon {
    position: absolute;
	background: url("images/fontawesomesprite.png") no-repeat;
    overflow: hidden;
    width: 32px;
	height: 32px;
    zoom:0.4;
    -moz-transform:scale(0.4);
    -moz-transform-origin: 0 0;
}
.icon-toggleexpand { background-position: 0px 0px; }

3) Include this function somewhere in your Javascript:

function toggleGridExpansion(pagerDiv) {
    var jqueryThis = $(pagerDiv);
    var pager = jqueryThis.data("kendoPager");
    var ds = pager.dataSource;

    if (!ds.serverPaging) {
        var totalItems = ds.total();
        var originalPageSize = parseInt(jqueryThis.attr("my-original-page-size"));
        if (originalPageSize > 0 && ds.pageSize() != originalPageSize) {
            ds.pageSize(originalPageSize);
        } else {
            jqueryThis.attr("my-original-page-size", ds.pageSize());
            ds.pageSize(totalItems);
        }
    }
}

4) Add the following script to the jQuery startup script for the page:

jQuery("body").find(".my-expandable > .k-grid-pager").each(function () {
	$(this).append("<span class=\"grid-expander\"><span><a href=\"#\" onclick=\"toggleGridExpansion($(this).closest('.k-grid-pager')[0]);return false;\"><span class=\"icon icon-toggleexpand\"></span></a></span></span>");
});

5) Ensure an image is located at images\fontawesomesprite.png as specified in the styles or alter the style so that the grid toggle button becomes visible.
Imported User
Posted on: 12 Nov 2014 11:54
Yes this would be a really great option.
Kjartan Valur
Posted on: 13 Mar 2014 14:25
Come on Telerik. This should not be hard but really useful!