Telerik Kendo UI 那点事[1]

              最近在构建一套行业应用的快速开发框架，希望能够快速实现业务逻辑，将工作重心转移在业务逻辑而非控件、组件调试上，搜索了很多呈现层的工具包，最后决定用一用Kendo UI。通过对Telerik公司的RedControls控件使用和了解，感觉Kendo UI应该也不会弱。

       Kendo UI是什么？

Kendo UI是一个基于HTML5，jQuery的,WEB应用程序框架。该框架拥有大量的UI组件，丰富的数据虚拟视图框架，自动适应手机的框架，以及所有所需的HTML5应用程序开发工具，比如数据源(DataSource)，模板(Templating)，MVVM，拖拽API等等。

Kendo UI有很多不同的包：

Kendo UI Core（核心版） ：kendo UI的核心包，符合Apache2.0开源许可协议，包括最基本的web、移动、以及框架功能组件。（免费）

Kendo UI Professional（专业版）：Kendo UI专业版，包括WEB、数据虚拟视图、移动开发等框架功能组件。（收费）

Kendo UI For ASP.NET MVC ：基于Kendo UI专业版，后台整合了ASP.NET的MVC框架封装，可以快速的在.NET下使用框架全部的功能。（收费）

Kendo UI for JSP：基于Kendo UI专业版，后台是Spring的MVC视图映射器，并且提供JSP标签库。进行全面整合的全功能框架库。可以不使用js的情况下，使用JSP标签来完成整个页面的开发。便于纯JSP开发提高开发速度。（收费）

Kendo UI for PHP：基于Kendo UI专业版，专门针对PHP进行再次封装，为PHP用户提供更直观，更快捷的开发技术支撑。提供全部的功能组件框架库。（收费）

Kendo UI专业版和Kendo UI核心版的具体区别，请到官网查阅。http://www.telerik.com/kendo-ui/comparison 

 

Kendo UI入门

首先到官网下载Kendo UI的试用包或免费开源包。注意Kendo UI core版只有基本控件！如果你要全面学习Kendo UI最好下载完整的Kendo UI试用版。

下载的Kendo UI的zip包由如下结构组成：

• /examples - 入门的演示Demo.

• /js - 混淆压缩后的JavaScript文件.

• /src - 编译后的源代码，一般商业版本中会有此文件夹.

• /styles - 混淆压缩后的CSS文件以及主题用到的图片.

• /wrappers - 服务端的实现目录. 只在Telerik UI 的商业版 ASP.NET MVC, JSP 或 PHP版本中才存在。

• changelog.html - Kendo UI最新更新的情况说明。

如果你需要使用Kendo UI工具组件，你需要包含所需的js和css在你的工程目录下。

Kendo UI WEB界面

解开下载的压缩包，拷贝/js和/styles到你的WEB应用程序的根目下，比如你Eclipse的WEB工程的webroot目录。

在需要使用Kendo UI的页面中，增加如下代码，引用必要的js和css样式修饰文件。

<!-- 包含Kendo UI的公共样式修饰文件 -->
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<!-- 指定引用默认的主题样式 -->
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<!-- 引用jQuery JavaScript -->
<script src="js/jquery.min.js"></script>
<!--引用 Kendo UI Web 组件-->
<script src="js/kendo.web.min.js"></script>