This is a migrated thread and some comments may be shown as answers.

Kendo Grid display items issue

1 Answer 256 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Steve asked on 06 Jan 2016, 10:04 PM

pageitemissue.png

Hi All,

In my grid, I have the following script

myGridData.ds = new kendo.data.DataSource({
transport: {
read: function(options) {
var myData = [];
var myGrid = $("#grid").data("kendoGrid");
var pageSize = myGrid.dataSource.pageSize();
var currentPage = myGrid.dataSource.page();

var totalRtn = 0;

CallController(false, '/main/LoadData?from=' + $("#dateFrom").val() + '&to=' + $("#dateTo").val() + '&pageNumber=' + currentPage + '&pageSize=' + gridPageSize,
function(result) {
for (var i = 0; i < result.length; i++) {
...other code goes here...
};

totalRtn= result.length
};
};
});

options.success(myData);
}
},
serverPaging: true,
schema: {
model: {
id: "Id",
fields: {
...fields info goes here...
}
},

total: "totalRtn" // using this will give to "No items to display" and removing it will give me the attach screen shot.
},
pageSize: 500 //initial setting
});

var grid = $("#grid").kendoGrid({
dataSource: myGridData.ds,
scrollable: true,
columnMenu: true,
groupable: true,
sortable: true,
resizable: true,
reorderable: true,
filterable: true,
pageable: {
refresh: true,
buttonCount: 5,
pageSizes: [200, 500, 1000, 5000, 10000]
},
columns: [
{
field: 'xxxx',
title: 'yyyy',
}, etc...

]

The problem that I'm facing is whenever I changed the 'items to page' to display; the total items is the same as my pageSize. If I hard code the pageSize to max value (10000) it will be fine, but wouldn't that beat the purpose of having the serverPaging set to true. Any help is appreciated or provide some explanation of how I could achieve this issue?

TIA

Kendo Grid display items issue

1 Answer, 1 is accepted