[Solved] Paging with External Web services

[David]

Is it possible to support paging with External Webservices where you are pulling data in the OnDataBinding event handler, like it is shown for the facebook and twitter demo's?

[Dadv]

Hi,

GridState have Page and Size property, what do you want exactly ?

[Atanas Korchev]

Hi,

 This should be possible after enabling client operation mode and setting the total field before calling the dataBind method:

<%= Html.Telerik().Grid<TwitterItem>()
     .Name("Grid")
     .Columns(columns =>
     {
         columns.Bound(o => o.text).Title("Post");
     })
     .ClientEvents(events => events
          .OnDataBinding("onDataBinding")
          .OnRowDataBound("onRowDataBound")
      )
    .DataBinding(d => d.Ajax().OperationMode(GridOperationMode.Client))
    .Pageable()
 %>

function onDataBinding(e) {
     var grid = $(this).data('tGrid');

     $('.t-status .t-icon', grid.element).addClass('t-loading');
    // call the twitter search api
    $.ajax({
        url: 'http://search.twitter.com/search.json',
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'jsonp',
        error: function(xhr, status) {
           alert(status);
        },
        data: {
            q: $('#searchText').val()
        },
        success: function(result) {
            grid.total = result.results.length;
            grid.dataBind(result.results);
            $('.t-status .t-icon', grid.element).removeClass('t-loading');
        }
     });
}

Regards,
Atanas Korchev
the Telerik team