我正在寻找一个实际工作的Kendo-UI Grid的工作副本(就像在dojo中一样)

时间:2013-01-10 04:14:33

标签: user-interface grid kendo-ui

我已经从Kendo UI运行了dojo,但我似乎无法让它在本地工作。这是我的样本(来自DOJO):

<!DOCTYPE html>
<html>
<head>
    <script src="js/kendo.all.min.js" type="text/javascript"></script>
    <script src="js/kendo.core.min.js" type="text/javascript"></script>
    <script src="js/kendo.data.min.js" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
    <script src="js/kendo.grid.min.js" type="text/javascript"></script>

    <script>
        var movies = [
            { Title: "Star Wars: A New Hope", Year: 1977 },
            { Title: "Star Wars: The Empire Strikes Back", Year: 1980 },
            { Title: "Star Wars: Return of the Jedi", Year: 1983 }
        ];

        $("#grid").kendoGrid({
            dataSource: new kendo.data.DataSource({
                data: movies
            })
        });
    </script>
</head>
<body>
<div id="grid"></div>

</body>
</html>

请帮忙!

1 个答案:

答案 0 :(得分:3)

您已经包含了几乎所有的kendo JavaScript文件。您只需要包含kendo.all.min.js - 它包含所有其他文件。可以在JavaScript Dependencies帮助主题中找到更多信息。

还有另一个问题。您的代码会立即执行,并且网格的DIV还不是DOM的一部分。 $(“#grid”)将不返回任何内容。

以下是您的代码的固定版本:http://jsbin.com/esalih/1/edit