剣道グリッド内にデータが表示されない

Question

剣道グリッドコントロールでASP.NET MVC Appを使用しています。何らかの理由で、ページが読み込まれたときにグリッド内のデータを取得できません。

剣道JSの順番に間違っていると思います。

右下のグリッドの更新アイコンをクリックすると、GETモードのデータがプルされ、JSONとしてページ全体にレンダリングされます。

コードの表示:: -

@{ 
    ViewBag.Title = "About"; 
} 

<script src="~/Scripts/Kendo/jquery.min.js"></script> 
<script src="~/Scripts/Kendo/kendo.all.min.js"></script> 
<script src="~/Scripts/Kendo/kendo.aspnetmvc.min.js"></script> 

<link href="~/Content/Kendo/kendo.common.min.css" rel="stylesheet" /> 
<link href="~/Content/Kendo/kendo.default.min.css" rel="stylesheet" /> 
<link href="~/Content/Kendo/kendo.bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/Kendo/kendo.dataviz.bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/Kendo/kendo.dataviz.min.css" rel="stylesheet" /> 
<link href="~/Content/Kendo/kendo.default.mobile.min.css" rel="stylesheet" /> 

<h2>Demo with Kendo Grid Sample</h2> 
<br /> 

<div> 
    @(Html.Kendo().Grid<GetUserDataSet_Result>() 
         .Name("userGrid") 
         .Columns(columns => 
         { 
          columns.Bound(p => p.ID).Title("ID"); 
          columns.Bound(p => p.FirstName).Title("First Name"); 
          columns.Bound(p => p.LastName).Title("Last Name"); 
         }) 
         .Pageable(pager => pager.Enabled(true).Refresh(true).PageSizes(new List<object> { 10, 20, 50, "all" })) 
        .DataSource(dataSource => dataSource 
          .Ajax() 
          .ServerOperation(true) 
          .PageSize(15) 
          .Model(model => model.Id(p => p.ID)) 
          .Read(read => read.Action("UserData", "Home")) 
        ) 
    ) 

</div> 

コントローラコード:: -

public ActionResult About() 
     { 
      //ViewBag.Message = "Your application description page.";    
      return View(); 
     } 

     public ActionResult UserData([DataSourceRequest] DataSourceRequest request) 
     { 
      MyCloudRepoEntities mx = new my_Nitro_Demo.MyCloudRepoEntities(); 
      List<GetUserDataSet_Result> lstUserData = mx.GetUserDataSet().ToList(); 

      return Json(lstUserData.ToDataSourceResult(request), JsonRequestBehavior.AllowGet); 
     } 

Answer 1

負荷にバインドするためにあなたのグリッドの自動バインドを追加してください。私の場合は

@(Html.Kendo().Grid<GetUserDataSet_Result>() 
.AutoBind(true) 
.Name("userGrid") 
//code continues...... 

Answer 2

、問題は、私は、Webページの一番下でそれらを言及していたのjavascript参照&の順です。そこで、スクリプトの参照をページの上部に移動し、以下の順序で移動しました。問題は修正されました。

<script src="/my-Nitro/Scripts/jquery-1.10.2.js"></script> 
<script src="/my-Nitro/Scripts/Kendo/kendo.all.min.js"></script> 
<script src="/my-Nitro/Scripts/Kendo/kendo.aspnetmvc.min.js"></script>