文章/答案/技术大牛

发布

社区首页 >问答首页 >Kendo小部件的数据绑定问题

问Kendo小部件的数据绑定问题
EN

Stack Overflow用户

提问于 2013-06-17 10:47:10

回答 1查看 73关注 0票数 0

我正在使用Kendo 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>

你能帮我修改一下代码吗？

kendo-ui

kendo-grid

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-17 10:50:33

请将数据源更改为data，将PageSize更改为pageSize

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

正确的实现是

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

谢谢。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17139767

复制

相似问题

问Kendo小部件的数据绑定问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Kendo小部件的数据绑定问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Kendo小部件的数据绑定问题
EN