Textfeld suchen und filtern Sie die Werte in der Rasteransicht mit Kendo UI HTML5

Question

Wie kann ich Grid-Filterung basierend auf Werten filtern, die wir in Textfeld eingegeben.

Ich habe ein Textfeld außerhalb des Gitters und ich möchte das gesamte Gitter auf der Grundlage der Werte suchen, die ich in das Textfeld eingegeben habe. Schritt 1:

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

Schritt 2: bing Rasterwert von Quelle

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: Skript für Textfeld .dass wat je sind die Werte i in Textfeld eingegeben haben, wenn die Werte übereinstimmen in Raster der Ergebnis sollte im Raster angezeigt werden.

$("#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

Wo Sie haben:

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

1. die s in Datasource
2. groß geschrieben wird Sie entweder data("kendoGrid") hinzufügen müssen hier oder:

   gridResult.datasource.filter($filter); 
   

   es lesen sollte wenn Siedeklarieren.