3

我在将数据从 Web API 控制器绑定到 Kendo UI 网格时遇到问题。不幸的是，我找不到任何这样的例子。

这是 API 控制器：

public class FruitController : ApiController
{
    public class Fruit
    {
        public string Name { get; set; }
        public string Color { get; set; }
    }

    public IEnumerable<Fruit> GetFruits()
    {
        List<Fruit> list = new List<Fruit>();

        Fruit f = new Fruit();
        f.Name = "Apple";
        f.Color = "Red";

        list.Add(f);

        f = new Fruit();
        f.Name = "Kiwi";
        f.Color = "Green";

        list.Add(f);

        return list;
    }
}

在我的 .cshtml 文件中，我有：

 @model IEnumerable<FruitController.Fruit>

    @(Html.Kendo().Grid(Model)    
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.Name);
            columns.Bound(p => p.Color);
        })
        .Groupable()
        .Pageable()
        .Sortable()
        .Scrollable()
        .Filterable()
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("GetFruits", "api/Fruit").Type(HttpVerbs.Get)

            )
        )
    )

当我运行它时，我从控制器获得了成功的 JSON 响应：

[{"Name":"Apple","Color":"Red"},{"Name":"Kiwi","Color":"Green"}]

但是网格中没有数据。我有什么明显的遗漏吗？我一直无法弄清楚这一点！

谢谢！

4

2 回答 2

1

看看这些例子，它需要一个 DataSourceResult。在您的控制器中包含一个执行类似操作的方法，然后它就可以工作了。

我正在考虑使用 postsharp 创建一个方面，该方面将在 Kendo 所需的控制器类中引入创建/更新/删除方法。

using Kendo.Mvc.Extensions;

  public DataSourceResult Read([DataSourceRequest] DataSourceRequest request)
        {
            return this.Get().ToDataSourceResult(request);
        }

我认为 Kendo 没有为此 API 控制器类提供属性/方面实际上很奇怪，但也许我遗漏了一些东西..

于 2012-07-22T09:41:22.407 回答
1

我也很难让 Kendo 为 API 控制器工作。对我来说，从 切换using Kendo.Mvc.Extensions到using Kendo.DynamicLinq.

在我的 Kendo 数据源中，我删除了神秘的线type: aspnetmvc-ajax和parameterMap.

于 2015-07-21T13:58:08.910 回答