Kendo Grid 自定义客户端过滤答案

【问题标题】：Kendo Grid Custom Client side filteringKendo Grid 自定义客户端过滤
【发布时间】：2016-07-26 08:30:35
【问题描述】：

我在 Kendo Grid 上进行客户端过滤时遇到问题。我正在使用 ASP.NET MVC 4.5。我想在客户端进行过滤（以减少服务器行程），过滤只会在网格数据上进行。

请建议，我们如何根据在文本框中输入的搜索值和点击按钮来获取数据过滤器。

以下是我用于示例演示的源代码。

@using Kendo.Mvc.UI
@model IEnumerable<DemoApp.Controllers.StudentsGrid>
<link rel="stylesheet" href="~/Scripts/Kendo/Css/kendo.common.css" />
<link rel="stylesheet" href="~/Scripts/Kendo/Css/kendo.default.min.css" />
<input type="button" value="Search" id="btnSearch" />
FirstName
<input id="txtFirstName" />
LastName
<input id="txtLastName" />
@(
Html.Kendo().Grid<DemoApp.Controllers.StudentsGrid>(Model).Name("Grid")
.Columns(columns =>
  {
      columns.Bound(p => p.FirstName);
      columns.Bound(p => p.LastName);
  })
  .Filterable()
  .DataSource(ds => ds
    .Ajax()
    .ServerOperation(false)
    )
)
<script src="~/Scripts/Kendo/kendo.all.min.js"></script>
<script src="~/Scripts/Kendo/kendo.aspnetmvc.min.js"></script>
<script>

  $(function () {
    //set culture of the Kendo UI
    kendo.culture("en_GB");


    $("#btnSearch").click(function () {

      grid = $("#grid").data("kendoGrid");
      var ds = grid.dataSource;
      ds.filter([

          {
              "field": "FirstName",
              "operator": "startswith",
              "value": $("#firstName").val()
          }
      ]);


    });
  });
</script>

我总是从下面的代码中得到“null”值

    grid = $("#grid").data("kendoGrid");
      var ds = grid.dataSource;

问候

【问题讨论】：

标签： kendo-grid

【解决方案1】：

谢谢大家。

我可以设法找出问题所在。这很愚蠢，我把网格名称从#grid 打错到#Grid

【讨论】：