2013-08-14 3 views
0

Я использую OpenSource версию Kendo-UI с проектом MVC4 и Entity Framework. Может кто-нибудь объяснить, как подключить сетку kendo-ui к моему источнику данных в моем файле .cshtml. Я привык просто создавать представление и использовать @model для вывода информации с моего контроллера. Так как у меня нет тегов сервера ASP.NET для Kendo-UI. Что бы я поставил после источника данных: часть при объявлении моей сетки в javascript?MVC4 и сетка KendoUI. Проблемы с подключением к источнику данных (KendoUI OpenSource)

+0

сослались вы какие-либо из учебника по demos.kendou i.com? – ckv

ответ

0

Пожалуйста, попробуйте приведенный ниже фрагмент кода. Позвольте мне знать, если вы беспокоитесь.

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

} 

МОДЕЛЬ

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

} 
+0

Работает! Спасибо! – JTunney