kendo-ui - 如何在 Kendo UI 中实现绑定限制？

Question

您能否提供一个在 Kendo UI 中实现节流的示例？

谢谢！

Answer 1

对于 Google 搜索记录，Kendo UI 现在包含一个内置的节流方法。它可用于限制在指定时间内调用函数的次数。

Kendo UI 文档中的示例用法：

  var throttled = kendo.throttle(function() {
      console.log("hey! " + new Date());
  }, 100);

  // will log two times "hey":
  // (1) once for the first call
  // (2) once for the last call, roughly 100ms after the first one
  for (var i = 0; i < 10; i++) {
      throttled();
  }

文档：http ://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-throttle

Answer 2

您可以使用jquery-throttle-debounce库。下面是一些将它与 Kendo 数据绑定集成的片段，假设在您拥有keyup: updateFromDataSource.

<input id="searchText" type="text" data-value-update="keyup" data-bind="value: searchTextVal, events: { keyup: searchTextKeyed  }"  />

searchTextKeyed: jQuery.debounce(300, function () { this.updateFromDataSource(); }), ...