Wyszukiwanie w polu tekstowym i filtrowanie wartości w widoku siatki przy użyciu Kendo UI HTML5

Question

Jak filtrować filtrowanie siatki na podstawie wartości wprowadzonych w polu tekstowym.

Mam jedno pole tekstowe poza siatką i chcę przeszukać całą siatkę na podstawie wartości wprowadzonych w polu tekstowym. Krok 1:

<input id="btnSearch" type="button" value="search" /> 
<div id="grid"> 

step2: Bing wartość siatka ze źródła

var gridResult = $("#grid").kendoGrid({ 
    dataSource: { data: database }, 
    scrollable: true, 
    sortable: true, 
    filterable: true, 
    pageable: { 
     input: true, 
     numeric: false 
    }, 
    columns: [ 
     { 
      field: "id", 
      title: "ID" 
     }, 
     { 
      field: "x", 
      title: "x" 
     }, 
     { 
      field: "y" 
     }, 
     { 
      field: "z" 
     }, 
     { 
      field: "p" 
     } 
    ] 
}); 

step3: skrypt do pola tekstowego .To jest wat kiedykolwiek wartości mam wpisane w polu tekstowym, jeśli mecz na wartości w siatce wynik powinien pojawić się w siatce.

$("#btnSearch").click(function() { 
    $filter = new Array(); 
    $x = $("#txtSearch").val(); 
    if ($x) { 
     $filter.push({ field:"x", operator:"contains", value:$x}); 
    } 
    gridResult.datasource.filter($filter); 
}); 

Answer 1

Gdzie masz:

gridResult.datasource.filter($filter); 

należy czytać:

gridResult.data("kendoGrid").dataSource.filter($filter); 

1. s w DataSource jest wielkie litery
2. trzeba dodać data("kendoGrid") tutaj lub po zadeklarowaniu var gridResult.