asp.net-mvc-4 - MVC4 和 KendoUI 网格。连接到数据源的问题（KendoUI OpenSource）

Question

我正在使用带有 MVC4 项目和实体框架的 Kendo-UI 的开源版本。有人可以解释如何将 kendo-ui 网格连接到我的 .cshtml 文件中的数据源。我习惯于简单地创建一个视图并使用@model 从我的控制器中提取信息。因为我没有用于 Kendo-UI 的 ASP.NET 服务器标签。在 javascript 中声明我的网格时，我会在 datasource: 部分之后放置什么？

Answer 1

请尝试使用以下代码片段。让我知道是否有任何问题。

看法

<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<div id="Grid">
</div>
<script>
$(document).ready(function () {

    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "Home/GetDummydata",
                dataType: "json"
            }
        }
        ,
        schema: {
            data: function (data) {
                return data;
            }
        }
    });


    $("#Grid").kendoGrid({
        dataSource: dataSource,
        columns: [
           {
               field: "ID",
               title: "ID"
           },
           {
               field: "Name",
               title: "Name"
           }
       ]
    });
});


</script>

控制器

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }


    [AllowAnonymous]
    [HttpGet]
    public JsonResult GetDummydata()
    {
        List<TestModels> models = new List<TestModels>();

        for (int i = 1; i < 6; i++)
        {
            TestModels t1 = new TestModels();
            t1.ID = i;
            t1.Name = "Name" + i;

            models.Add(t1);
        }

        return Json(models, JsonRequestBehavior.AllowGet);
    }

}

模型

public class TestModels
{
    public int ID { get; set; }
    public string Name { get; set; }

}