Zone de texte rechercher et filtrer les valeurs dans l'affichage de la grille à l'aide de Kendo UI HTML5

comment puis-je filtre de la Grille de filtrage basé sur des valeurs, nous sommes entrés dans la zone de texte.

J'ai une zone de texte à côté de la grille et je recherche l'ensemble de la grille sur la base des valeurs je suis entré dans la zone de texte.
etape 1:

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

etape 2:bing valeur de grille à partir de la source

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"
        }
    ]
});

etape 3: script de zone de texte .c'est wat jamais les valeurs que j'ai tapé dans la zone de texte, si les valeurs correspondent à la grille le résultat doit afficher dans la grille.

$("#btnSearch").click(function () {
    $filter = new Array();
    $x = $("#txtSearch").val();
    if ($x) {
        $filter.push({ field:"x", operator:"contains", value:$x});
    }
    gridResult.datasource.filter($filter);
});
S'il vous plaît être plus élaborée. Aussi, expliquez-lui ce que vous essayez d'atteindre et ce que vous avez déjà essayé dans le processus.
J'avais mis à jour le wat j'ai fait jusqu'à maintenant

OriginalL'auteur user1877936 | 2012-12-07