我是一名有益的助手,可以帮您进行文本翻译。以下是需要翻译的内容:
我在将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": "苹果", "Color": "红色"}, {"Name": "奇异果", "Color": "绿色"}]
但是表格中没有数据。我是否漏掉了什么明显的问题?我一直无法解决这个问题!
谢谢!