asp.net-mvc - ASPNet.Core 1.0 RTM Kendo Grid不显示数据

Question

ASPNet Kendo MVC 的新内部版本 (2016.2.630) 似乎无法与 Kendo Grid 配合使用。或者至少不会从网格中的读取操作返回 Json。

@(Html.Kendo().Grid<EmployeeModel>()
.Name("grid")
.Columns(columns =>
{
    columns.Bound(p => p.EmployeeID).Visible(false);
    columns.Bound(p => p.Name);
    columns.Bound(p => p.Salary);
})
.Pageable()
.HtmlAttributes(new { style = "height:550px;" })
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Read(read => read.Action("Employees_Read", "Home"))
 )
 .Deferred()

)

这是 Controller 中的读取操作:

public ActionResult Employees_Read([DataSourceRequest] DataSourceRequest request)
    {
        List<EmployeeModel> employees = new List<EmployeeModel>();
        employees.Add(new EmployeeModel() { EmployeeID = 1, Name = "Peter Pan", Salary = new decimal(23340.35) });
        employees.Add(new EmployeeModel() { EmployeeID = 2, Name = "Little John", Salary = new decimal(25320.45)});
        employees.Add(new EmployeeModel() { EmployeeID = 3, Name = "Tinkerbell", Salary = new decimal(21520.45) });
        employees.Add(new EmployeeModel() { EmployeeID = 4, Name = "Captain Hook", Salary = new decimal(45320.45) });
        var checkResult = employees.ToDataSourceResult(request);
        return Json(checkResult);
    }

使用简单的模型:

public class EmployeeModel
{
    public int EmployeeID { get; set; }
    public string Name { get; set; }
    public decimal Salary { get; set; }
}

网格未显示读取操作中的数据。这只是自 AspNet.Core 1.0 Core 发布并应用最新版本 2016.2.630 Kendo.MVC 以来的情况。

有什么解决办法吗？

Answer 1

这可能是因为 MS 将 RTM 位中的 Json 序列化更改为始终为 pascalCase。您可以通过添加如下所示的 json 选项来缓解此问题:

改变

services.AddMvc();

至

services
        .AddMvc()
        .AddJsonOptions(options => options.SerializerSettings.ContractResolver = new DefaultContractResolver());

直到 Telerik 更新所有 JavaScript

从此:https://github.com/telerik/kendo-ui-core/issues/1856