2012-04-20 26 views
1

剣道UIグリッドをMVC3アプリケーションに接続しようとしていますが、データが表示されません。私はそれが単純であるべきだと思うが、私はそれを見ていない。ここに私のコードは次のとおりです。剣道グリッド配管

ビュー:

@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" /> 

レイアウトページ:

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

GetWorklist():私はビューから呼び出すしようとしている

<!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 Workitem 
{ 
    public string PartNumber { get; set; } 
    public string ProcurementCode { get; set; } 
    public int Priority { get; set; } 
    public string Status { get; set; } 
} 

私が間違っていることは明らかですか?エラーメッセージはなく、空白のページ(タイトルは付いています)です。

ありがとうございます!

答えて

0

剣道グリッドを使用しようとする前に、JSファイルへの参照を移動する必要があるという問題がありました。

+0

$(document).readyを使用することを検討してください。コードを実行する前にスクリプトがロードされるようにしてください。 – Schalk

関連する問題