kendo UI 入门

最新推荐文章于 2025-04-27 22:26:37 发布

孙瑞宇

最新推荐文章于 2025-04-27 22:26:37 发布

阅读量93

点赞数

文章标签： ui javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/wanghaibin/p/3751044.html

版权

Kendo UI 是一套前端开发宽假，意为日本的“剑道”

首先到官方网站下载最新的30天试用版，地址为：http://www.telerik.com/download/kendo-ui

需要简单注册一下才能下载，如果嫌麻烦，我这里有个2014-09-25下载的包

下载后解压，得到如下目录：

examples ：示例演示

js ：主要javascript 文件

styles ：主要CSS文件

--------------------------------------------------

怎么用？

在你的本地D盘建个目录KendoDemo，然后拷贝js和styles文件夹到里面去，再建个index.html文件

<!DOCTYPE html>
<head>
    <title>Welcome to Kendo UI!</title>
    <!-- Common Kendo UI CSS -->
    <link href="styles/kendo.common.min.css" rel="stylesheet" />

    <!-- Default Kendo UI theme CSS -->
    <link href="styles/kendo.default.min.css" rel="stylesheet" />

    <!-- (optional) Kendo UI DataViz CSS, include only if you will use the data visualisation features -->
    <link href="styles/kendo.dataviz.min.css" rel="stylesheet" />

    <!-- (optional) Kendo UI Mobile CSS, include only if you will use the mobile devices features -->
    <link href="styles/kendo.default.mobile.min.css" rel="stylesheet" type="text/css" />

    <!-- jQuery JavaScript -->
    <script src="js/jquery.min.js"></script>

    <!-- Kendo UI combined JavaScript -->
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
    Hello World!
</body>
</html>