kendo-ui - Kendo Grid 上使用声明式初始化的自定义文本过滤器

Question

我制作了一个 JSBin 来解释我想要做什么：

http://jsbin.com/inikib/9/edit

我正在使用声明式初始化创建 Kendo UI 网格...

<div data-role="grid"
    data-columns="[ {field: 'name', title: 'Name'}, {field: 'price', title: 'Price'} ]"
    data-bind="source: products">
 </div>

...我想创建一个文本字段来过滤name字段。

这对于常规的 Kendo Grid 来说很简单，但是可以像上面那样使用声明式初始化吗？

编辑：

我想我离得更近了一点这个 JSbin中使用 $(el).data("kendoGrid").filter = {...};

（但还不完全在那里）

Answer 1

回答我自己的问题...

在这里工作 JSBin

我需要的是：

$('.grid-filter').keyup(function() {
  var filterText = $(this).val();

  $('.data-grid').data("kendoGrid").dataSource.filter = function () {
    return { field: "name", operator: "contains", value: filterText };
  };

  $('.data-grid').data("kendoGrid").dataSource.fetch();

});

我错过了 $('.data-grid').data("kendoGrid")。dataSource .filter 然后是 $('.data-grid').data("kendoGrid").dataSource。获取（）；