Paging with client side binding

[Dewang Shah]

I am binding my grid dynamically on the client side with JSON data similar to this example http://demos.telerik.com/aspnet-ajax/grid/examples/client/livedata/defaultcs.aspx. However I cannot get paging to work.

There is no mention on this page http://www.telerik.com/help/aspnet-ajax/client-side-binding-specifics.html of any limitations with paging. I have 25 items in my datasource and the page size is set to 10. However my grid footer shows " Page 1 of 2, items 1 to 10 of 11. " when displaying all 25 items.

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="true" AllowSorting="true" AllowFilteringByColumn="true" PageSize="10">

Do I need to specify anything else to get it to show the correct number of records?

[Veli]

Hi Dewang,

You also need to set the total number of items your service can return using the set_virtualItemCount()  property of the MasterTableView object. If your web service request's OnSuccess handler function is called updateGrid() (like in the example), you need to return the total row count in your service response and update the master table's virtual item count:

function updateGrid(result)
{
    //assume result.data contains the grid data
    //while result.count contains the total row count
    var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
    tableView.set_dataSource(result.data);
    tableView.dataBind();
    tableView.set_virtualItemCount(result.count);
}

This should update the grid pager with the correct number of items and pages.

Veli
the Telerik team

[Pramod]

Grid is not binding properly after setting the Virtual Item count. Can you tell us the solution as soon as possible

[Pramod]

    After setting the Virtual Count 


                        function OnGetCaseDetailsSuccess(DoctorList, status) {
                            var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
                            tableView.set_dataSource(DoctorList);
                            tableView.dataBind();
                            tableView.set_virtualItemCount(parseInt(DoctorList.length));
                        }

All items are binding in First Page where as Page Size is 10.

[Eyup]

Hello Pramod,

Can you please verify that you are closely following the recommendations provided in this article?
http://www.telerik.com/help/aspnet-ajax/grid-client-side-binding-specifics.html

It would be best if you open a support ticket to send us a very basic runnable web site along with a dummy source demonstrating the problematic behavior. Thus, we will be able to further analyze and debug the application and suggest a proper solution.

Regards,
Eyup
Telerik

[John]

Seriously???  That much code to go from 10 to 25 rows in your GridView?