Kendo Grid plumbing

我试图让Kendo UI网格在我的MVC3应用程序中连接，但我没有收到任何数据显示。我认为这应该很简单，但我没有看到它。这里是我的代码：Kendo Grid plumbing

查看：

@model List<pests.web.com.Models.Workitem> 

@{ 
    ViewBag.Title = "Worklist"; 
    ViewBag.CurrentPage = "Worklist"; 
} 

    <div id="grid"></div> 

    <script type="text/javascript"> 
     $("#grid").kendoGrid({ 
      dataSource: { 
       type: "json", 
       transport: { 
        read: { 
         url: "Home/GetWorklist", 
         dataType: "json", 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         data: {} 
        } 
       }, 
       columns: [ 
      { 
       field: "PartNumber", 
       width: 90, 
       title: "Part Number" 
      }, 
      { 
       field: "ProcurementCode", 
       width: 90, 
       title: "Procurement Code" 
      }, 
      { 
       width: 100, 
       field: "Priority" 
      }, 
      { 
       field: "Status" 
      } 
      ] 
      } 
     }); 
    </script> 


<script type="text/javascript" src="../../Scripts/people.js"></script> 
<script type="text/javascript" src="../../Scripts/kendo.web.min.js"></script> 
<script type="text/javascript" src="../../Scripts/console.js"></script> 
<link href="../../Styles/kendo.common.min.css" rel="stylesheet" /> 
<link href="../../Styles/kendo.default.min.css" rel="stylesheet" />

布局页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>@ViewBag.Title</title> 
    <link href="@Url.Content("~/Styles/Site.css")" rel="stylesheet" type="text/css" /> 
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script> 
</head> 

    <body> 

     @RenderBody() 

    </body> 
</html>

控制器代码我试图从视图中拨打电话：

public class HomeController : Controller 
    { 
     [HttpPost] 
     public ActionResult GetWorklist() 
     { 
      List<Workitem> worklist = PestsLogic.GetWorklist(); 
      return View("Home", worklist); 
     } 
    }

GetWorklist（）正在返回几件物品。它们是具有几个属性的简单对象。这是它是：

public class Workitem 
{ 
    public string PartNumber { get; set; } 
    public string ProcurementCode { get; set; } 
    public int Priority { get; set; } 
    public string Status { get; set; } 
}

有什么明显的，我已经迷上了错误？没有错误信息，只是一个空白页面（虽然有标题）。

谢谢！

来源

2012-04-20 birdus

问题很简单，我需要将引用移到JS文件之前，我试图使用Kendo网格。

来源

2012-04-20 22:27:43 birdus

也许你应该考虑使用$（document）.ready，它应该确保在执行任何代码之前加载脚本。 – Schalk 2012-11-23 11:36:54

Kendo Grid plumbing

回答

相关问题