剑道ui核心问题入门

Question

剑道ui核心问题入门

bik*_*man 3 kendo-ui

我正在尝试使用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的本地副本和谷歌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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ona*_*Bai 7

如果您使用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>

Run Code Online (Sandbox Code Playgroud)

但这并不高效,因为您正在加载所有小部件,而您正在从互联网上引入它们.

但如果你想用的剑道UI 核心,你需要的所有部件(包括在此核心)包含的文件是不是 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>

Run Code Online (Sandbox Code Playgroud)

但似乎您希望将其部署在服务器/计算机中而不是从Internet部署.然后你需要复制到你的系统:

JavaScript的:

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

Run Code Online (Sandbox Code Playgroud)

CSS:

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

Run Code Online (Sandbox Code Playgroud)

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

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

Run Code Online (Sandbox Code Playgroud)

所有这些文件都被引用kendo.default.min.css,您将在下载的zip包含Kendo UI Core的文件中找到它们.

归档时间：	11 年，3 月前
查看次数：	4859 次
最近记录：	11 年，3 月前