MVC4 및 KendoUI Grid. 데이터 소스 연결 문제 (KendoUI OpenSource)

Question

MVC4 프로젝트 및 Entity Framework에서 Kendo-UI의 OpenSource 버전을 사용하고 있습니다. 누군가 kendo-ui 그리드를 내 .cshtml 파일의 데이터 소스에 연결하는 방법을 설명해 주실 수 있습니까? 나는 단순히 뷰를 만들고 @model을 사용하여 내 컨트롤러에서 정보를 가져 오는 데 익숙하다. Kendo-UI 용 ASP.NET 서버 태그가 없으므로 데이터 소스 뒤에 무엇을 넣을 것인가? 자바 스크립트에서 그리드를 선언 할 때?

Answer 1

다음 코드 스 니펫으로 시도해보십시오. 우려 사항이 있으면 알려주십시오.

VIEW

<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> 

CONTROLLER

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); 
    } 

} 

당신이 demos.kendou에서 튜토리얼 중 하나를 언급 적이

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

}