使用dataSource過濾實現KendoUI網格搜索

Question

我不確定我是否正確地做到了這一點，但是我想根據一個輸入的值過濾（'搜索'）kendo ui網格。但是，我想根據一個輸入搜索網格的兩個字段。

$("#grid").data("kendoGrid").dataSource.filter({ 
     logic: 'or', 
     filters: [ 
      { field: 'lastName', operator: 'startswith' }, 
      { 
       logic: 'or', 
       filters: [ 
        { field: 'lastName', operator: 'startswith', value: viewModel.searchValue }, 
        { field: 'address', operator: 'startswith', value: viewModel.searchValue } 
       ] 
      } 
     ] 
    }); 

HTML：

<input data-bind="text: searchValue" /> 

兩個問題，我該如何實現這一目標，以及如何觸發過濾？現在，輸入值只綁定到viewModel的屬性。

Answer 1

要啓用綁定值來更新它的過濾器更改爲：

viewModel.get('searchValue') 

全碼：

$("#grid").data("kendoGrid").dataSource.filter({ 
    logic: 'or', 
    filters: [ 
     { field: 'lastName', operator: 'startswith' }, 
     { 
      logic: 'or', 
      filters: [ 
       { field: 'lastName', operator: 'startswith', value: viewModel.get('searchValue') }, 
       { field: 'address', operator: 'startswith', value: viewModel.get('searchValue') } 
      ] 
     } 
    ] 
});