簡単に言えば、Kendo UI Webは、サポートできるフレームワークであればどのようなものでも利用できますが、 Kendo UI Server Wrappers javascript
/ Kendo UI ASP.NET for MVCはプロジェクト専用です。jQuery
ASP.NET MVC
Kendo UI Web を操作するには、多くの追加のコーディングと処理が必要になりますが、MVC バージョンは開発者にとってより使いやすく、保守が容易です。ASP.NET MVC プロジェクトで作業している場合は、サーバー ラッパーを使用してコーディングを簡単にすることができます。
Kendo UI Web は無料で使用できますが、サーバー ラッパー (Kendo UI for ASP.NET MVC) は開発者ごとに有料ライセンスが必要です。
剣道グリッドのコードの違いの簡単な例を以下に示します。
サーバーラッパーを使用
@model IEnumerable<Kendo.Mvc.Examples.Models.ProductViewModel>
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductID).Groupable(false);
columns.Bound(p => p.ProductName);
columns.Bound(p => p.UnitPrice);
columns.Bound(p => p.UnitsInStock);
})
.Groupable()
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Products_Read", "Grid"))
)
)
剣道UI Web付き
<script>
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
data: createRandomData(50),
pageSize: 10
},
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true
},
columns: [ {
field: "FirstName",
width: 90,
title: "First Name"
} , {
field: "LastName",
width: 90,
title: "Last Name"
} , {
width: 100,
field: "City"
} , {
field: "Title"
} , {
field: "BirthDate",
title: "Birth Date",
template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #'
} , {
width: 50,
field: "Age"
} ]
});
});
</script>
レンダリングされたグリッドはこちらで確認できます。
サーバー ラッパーとKendo UI Webの詳細。