使用声明性初始化的Kendo Grid上的自定义文本过滤器

时间:2013-07-02 19:41:56

标签: kendo-ui kendo-grid

我已经制作了一个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很简单,但是可以像上面那样使用声明式初始化吗?

修改

我认为我使用$(el).data(“kendoGrid”)this JSbin更接近。过滤器= {...};

(但还没到那里)

1 个答案:

答案 0 :(得分:0)

回答我自己的问题......

Working JSBin here

我需要的是:

$('.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的取()