简而言之,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 是免费使用的,而服务器包装器(用于 ASP.NET MVC 的 Kendo UI)需要每个开发人员付费许可。
剑道网格的代码差异的简单示例如下:
使用服务器包装器
@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 网页
<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的更多详细信息。