kendo-ui - 为什么我的本地数据集没有加载到 kendoui 网格中？

Question

我有一个简单的数据源，我试图将它加载到 kendoui 网格中，但它没有显示 - 我做错了什么？

$(document).ready(function () {
var hisGrid = $("#hisGrid").kendoGrid({
    dataSource: {
        data: hisDS,
        schema: {
            model: {
                id: "ID",
                fields: {
                    HIS_DT: {
                        type: "string",
                        editable: false
                    },
                    HIS_VAL: {
                        type: "string",
                        editable: false
                    }
                }
            }
        },
        pageSize: 10
    },
    height: 500,
    scrollable: true,
    sortable: true,
    selectable: true,
    columns: [{
        field: "HIS_DT",
        title: "Date/Time",
        width: 10
    }, {
        field: "HIS_VAL",
        title: "History",
        width: 5
    }]
}).data("kendoGrid");

});

这是示例的 jsfiddle

会欣赏一双新鲜的眼睛！

谢谢

Answer 1

这是jQuery版本的问题。如果您包含 jQuery 1.8.3，它可以正常工作。

但作为建议，请尝试使用随 KendoUI 分发的版本，以确保它们兼容。

<link rel="stylesheet" type="text/css" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" type="text/css" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<script type="text/javascript" src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>

这里的固定版本：http: //jsfiddle.net/5mFsG/27/