Question

以下是通过Ajax绑定到WebAPI的MVC Kendo UI Grid示例。 WebAPI使用OpenAccess ORM作为数据模型。下面的代码根据模型使用自动生成的列加载网格，并且成功调用WebAPI，并在JSON中返回数据，如下所示。

问题似乎是网格数据绑定。数据在网格中不可见，但列已成功加载。 MVC代码中缺少什么？

JSON数据：

[{“DC_ID”：51234，“DATAACCESS_ID”：79238，“MASTERDATA_FLG”：“Y”，“INPUT_TYPE_CD”：“QRY”，“FILE_PATH”：“D：\”，“DESCR”：“AAA DATA捕获 “ ”STATUS“： ”A“， ”CREATED_BY“： ”系统“， ”CREATED_DTTM“： ”01-JAN-2013“}，{ ”DC_ID“：79238 ”DATAACCESS_ID“：79238 ”MASTERDATA_FLG“：” Y“，”INPUT_TYPE_CD“：”QRY“，”FILE_PATH“：”D：\“，”DESCR“：”TEST DATA CAPTURE“，”STATUS“：”A“，”CREATED_BY“：”SYSTEM“，”CREATED_DTTM“ ： “01-JAN-2013”}]

MVC代码：

@(Html.Kendo().Grid<eConverge.DomainModel.Datacapture>()
      .Name("Grid")
      .Columns(columns =>
      {
          columns.AutoGenerate(true);
      })
      .ToolBar(tools =>
      {
          tools.Create();
      })
      //.Sortable()
      //.Pageable()
      //.Filterable()
      .DataSource(dataSource => dataSource
        .Ajax()
            .Model(model =>
            {
                model.Id(p => p.DC_ID);
            })
            .Read(read => read.Url("http://localhost/econ/econ.webapi/api/datacaptures").Type(HttpVerbs.Get))
            .Create(create => create.Url("http://localhost/econ/econ.webapi/api/datacaptures").Type(HttpVerbs.Post))
            .Update(update => update.Url("http://localhost/econ/econ.webapi/api/datacaptures").Type(HttpVerbs.Put))
            .Destroy(destroy => destroy.Url("http://localhost/econ/econ.webapi/api/datacaptures").Type(HttpVerbs.Delete))      
      )
)

Answer 1

将网格绑定到Web API控制器需要更多代码。我建议检查以下资源：

http://www.kendoui.com/blogs/teamblog/posts/12-11-29/the_facts_on_using_kendo_ui_with_asp_net_webapi.aspx

http://www.kendoui.com/code-library/mvc/grid/binding-to-a-web-apicontroller.aspx

网格不绑定json数据 - MVC Kendo UI Grid通过Ajax绑定到WebAPI和OpenAccess ORM

JSON数据：

MVC代码：

1 个答案: