Проблема с привязкой данных с виджетами Kendo

Я пользуюсь библиотекой UI Kendo.Проблема с привязкой данных с виджетами Kendo

Пытается привязать данные к сетке. Но сетка не заполняется данными.

Я также назвал необходимые библиотеки и стили js.

<head> 
    Referred necessary Styles and Scripts are in order 
    <script src="scripts/jquery.min.js" type="text/javascript"></script> 
    <script src="scripts/kendo.web.min.js" type="text/javascript"></script> 
</head> 
<body> 
<div id="courses"></div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var Courses = [ 
      {Name: "Theory of computation", Credit: 10}, 
      {Name: "Probability and Statistics", Credit: 20}, 
      {Name: "Discrete Maths", Credit: 10}, 
      {Name: "Modern Physics", Credit: 25}, 
      {Name: "Management Information System", Credit: 15 }, 
      {Name: "Game Theory", Credit: 5 } 
     ]; 

     var courseDataSource = new kendo.data.DataSource({datasource: Courses, PageSize: 5}); 
     courseDataSource.read(); 
     $("#courses").kendoGrid({ 
      dataSource: courseDataSource, 
      columns : [ 
       { field: "Name", title: "Course Name"} , 
       { field: "Credit", title: "Credits" } 
      ], 
      scrollable: false, 
      pageable : true 
     }); 
    }); 
</script> 
</body>

Не могли бы вы помочь мне в исправлении кода.

источник

2013-06-17 Anonymous

Пожалуйста, измените DATASOURCE в данные и PAGESIZE к PAGESIZE

var courseDataSource = 
new kendo.data.DataSource({datasource: Courses, PageSize: 5});

Правильная реализация

var courseDataSource = 
    new kendo.data.DataSource({data: Courses, pageSize: 5});

Спасибо.

источник

2013-06-17 02:50:32

Проблема с привязкой данных с виджетами Kendo

ответ

Смежные вопросы