0
剣道グリッドでクライアントサイドフィルタリングを実行中に問題が発生しました。 私は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>
私は常にコード
grid = $("#grid").data("kendoGrid");
var ds = grid.dataSource;
よろしく