0

剣道UIライブラリを使用しています。

データをグリッドにバインドしようとしています。しかし、グリッドにはデータが取り込まれていません。

必要な 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>

コードの修正を手伝ってください。

4

1 に答える 1

1

datasourcedataに、PageSizepageSizeに変更してください

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

正しい実装は

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

ありがとう。

于 2013-06-17T02:50:32.933 に答える