Question

我正在尝试使用kendo ui core。我按照

的说明进行操作

http://docs.telerik.com/kendo-ui/getting-started/introduction?utm_source=telerik&utm_medium=email&utm_campaign=kuicore1

其中包含指向文件js / kendo.web.min.js的链接，但此文件不在kendoui.core下载中。

我尝试用js / kendo.web.min.js代替js / kendo.core.min.js，这些内容在下载中但是也没有用。

我也在一个我甚至没有打过电话的文件上收到javascript控制台错误。 GET /telerik.kendoui.2014.1.416.core/js/jquery-1.9.1.js 404（未找到）

我尝试包含jquery-1.9.1.js的本地副本和google cdn的链接，该链接删除了404错误但仍然无法使用kendo ui组件。

请帮助我开始，谢谢

<!doctype html>
<html>
    <head>
        <title>Kendo UI Web</title>
        <link href="styles/kendo.common.min.css" rel="stylesheet" />
        <link href="styles/kendo.default.min.css" rel="stylesheet" />
        <script src="js/jquery.min.js"></script>
        <script src="js/kendo.core.min.js"></script>

    </head>
    <body>
        <input id="datepicker" />
        <script>
            $(function() {
                $("#datepicker").kendoDatePicker();
            });
        </script>
    </body>
</html>

Answer 1

如果您使用Kendo UI Professional，那么您可以使用核心，并且您需要在一个文件中使用所有JavaScript（kendo.web.min.js） - 除了jQuery-但这包括许多您可能不需要的代码。这就是为什么Telerik还会分发单独的文件，让您的生活更加艰难，但您的网络更有效率。

您可以使用以下示例，然后您不需要设置任何其他内容。如果将其复制到文件并在浏览器中打开它应该可以工作......

<!doctype html>
<html>
<head>
    <title>Kendo UI Web</title>
    <link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.ui.core.min.js"></script>
</head>
<body>
<input id="datepicker" />
<script>
    $(function() {
        $("#datepicker").kendoDatePicker();
    });
</script>
</body>
</html>

但这并不高效，因为你正在加载所有小部件而你正从互联网上带来它们。

但是如果您想使用Kendo UI CORE ，您需要在所有小部件（包含在此核心中）中包含的文件是 NOT kendo.core.min.js但kendo.ui.core.min.js。所以你的代码应该是：

<!doctype html>
<html>
<head>
    <title>Kendo UI Web</title>
    <link href="./styles/kendo.common.min.css" rel="stylesheet" />
    <link href="./styles/kendo.default.min.css" rel="stylesheet" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/kendo.ui.core.min.js"></script>

</head>
<body>
<input id="datepicker" />
<script>
    $(function() {
        $("#datepicker").kendoDatePicker();
    });
</script>
</body>
</html>

但是似乎您希望将其部署在服务器/计算机而不是互联网上。然后你需要复制到你的系统：

JavaScript的：

js/jquery.min.js
js/kendo.ui.core.min.js

CSS：

styles/kendo.common.min.css
styles/kendo.default.min.css

加上默认样式使用的文件：

styles/Default/editor.png
styles/Default/imagebrowser.png
styles/Default/indeterminate.gif
styles/Default/loading.gif
styles/Default/loading-image.gif
styles/Default/loading_2x.gif
styles/Default/slider-h.gif
styles/Default/slider-v.gif
styles/Default/sprite.png
styles/Default/sprite_2x.png

所有这些文件都由kendo.default.min.css引用，您可以在下载的zip包含Kendo UI Core中找到它们。

剑道ui核心问题入门

1 个答案: