Question

代码：

var url = base_url + "/api/v1/users/getUsers";
var dataSource = new kendo.data.DataSource({
  transport: {
    read: function (options) {
      $.ajax({
          type: 'GET',
          url:url,
          dataType: 'json',
          data: { searchTerm: $("#searchTerm").val().trim() },
          success: function (result) {
          options.success(result);
        },
        error: function (result) {            
          options.error(result);
        }
      });
    }
  },
  schema: {
    data: function (result) {
     return result.model;
    },
    total: function (result) {
      return result.model.length;
    },
  },
  pageSize: 5
});

$("#matches").kendoListView({
  dataSource: dataSource,
  autoBind: false, // if set to false the widget will not bind to the data source during initialization.
  template: kendo.template($("#matchesListViewTemplate").html())
});

$("#pager").kendoPager({
  dataSource: dataSource,
  autoBind: false
});

$(document).keypress(function (e) {
  if (e.which == 13) {
    e.preventDefault();      

    var searchTerm = $("#searchTerm").val().trim();
    if (searchTerm.length < 1)
      return;

    dataSource.read(); 
    dataSource.page(1); // makes another call to the remote service
  }
});

由于数据源是远程的，当我们调用dataSource.page（1）时，kendo会向远程服务发出另一个调用。此行为在此so post中描述：

如果您正在进行服务器端分页，那么就应该做grid.dataSource.page（1），因为这将完全按照您已经意识到的方式调用读取。

我必须更改哪些内容，以便在使用新的searchTerm搜索后，API调用只会执行一次，而寻呼机将转到第1页而不进行其他调用？

我尝试使用dataSource.query（）但仍然没有运气？我希望我能证明这一点。

Answer 1

解决方法是在dataSource.read（）获取数据时完成调用dataSource.page（1）。

$(document).keypress(function (e) {
  if (e.which == 13) {
    e.preventDefault();      

    var searchTerm = $("#searchTerm").val().trim();
    if (searchTerm.length < 1)
      return;

    dataSource.read().done(function() {

      // in case remote service returns empty result set (but still http 200 code)
      // page() makes another request (if data() is empty it makes another request)
      // therefore we must check data length/total
      if( dataSource.total() > 0)
        dataSource.page(1);
    }
});

如果读取请求的响应尚未到达或发生错误，则允许另一个读取请求（以获取数据）。 DataSource.read（）进行异步请求，然后dataSource.page（1）开始执行。 DataSource.page（1）函数检查是否有任何数据读取，如果不是它再次执行读取方法 - 因此我们提到了2个调用。由于异步调用，可能会发生这种情况。

Kendo从远程服务获取数据，在本地进行分页

1 个答案: