Tìm kiếm hộp văn bản và lọc các giá trị trong chế độ xem lưới bằng cách sử dụng Giao diện người dùng Kendo HTML5

Question

làm cách nào để lọc Bộ lọc lưới dựa trên các giá trị chúng tôi đã nhập trong hộp văn bản.

Tôi có một hộp văn bản ở bên ngoài lưới và tôi muốn tìm kiếm toàn bộ lưới dựa trên các giá trị tôi đã nhập trong hộp văn bản. bước 1:

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

bước 2: bing giá trị lưới từ nguồn

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: kịch bản cho hộp văn bản Vững wat là bao giờ các giá trị tôi đã gõ vào hộp văn bản nếu các giá trị phù hợp trong lưới các kết quả sẽ hiển thị trong lưới.

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

Nơi bạn có:

gridResult.datasource.filter($filter); 

nó nên đọc:

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

1. các s trong dataSource được chữ hoa
2. bạn phải thêm data("kendoGrid") tại đây hoặc khi bạn khai báo var gridResult.