Kendo UI开发教程(1): 概述

jerry Kendo UI 2015年11月25日 收藏

JavaScript 在开发Web应用的作用越来越大,JQuery简化了HTML和JavaScript之间的操作,jQuery的教程可以参见本博客jQuery和 jQuery UI 入门教程, jQuery UI 是一套 JavaScript 函式库,提供抽象化、可自订主题的 GUI 控制项与动画效果。基于 jQuery JavaScript 函式库,可用来建构互动式的Web应用。

在开发Web应用时,可以直接使用jQueryUI ,也可以使用其它一些基于jQuery的其它UI框架,其中Kendo(日文剑道) UI 就是其中的佼佼者。两种框架各有所长,下表列出两种UI框架的简单比较:

分类 jQuery UI Kendo UI
Widgets (Total) Yes (8) Yes (18 Web; 8 Mobile)
Themes (Total) Yes (25) Yes (5)
Effects (Total) Yes (13) Yes (5)
Interactions (Total) Yes (5) Yes (6)
Templates No (see Template) Yes
DataSource No (see Dataview) Yes
Model-View-ViewModel (MVVM) No Yes
Data Visualization No Yes
Globalization No (see Globalize) Yes
Validation No (see jQuery Validation Plugin) Yes
Browser Support IE 6+, Firefox 3+, Safari 3.1+, Opera 9.6+, Chrome IE 7+, Firefox 3+, Safari 4+, Opera 10+, Chrome
Mobile Device Compatibility No (see jQuery Mobile) Yes

可以看到Kendo UI和jQuery UI 相比添加了模板(Template),数据源绑定(DataSource),MVVM 和移动设备的支持,功能上相对要强大很多,但Kendo UI本身不是免费,它是由Telerik公司开发并支持的.

Kendo UI 是一个基于HTML5和jQuery 的UI框架用来开发时尚Web应用。这个UI框架包括的很多UI 控件,数据显示组件,和自适应的手机框架,并支持数据绑定,使用模板,拖放功能。

Kendo UI 包含下面下面几个开发包:

  • Kendo UI Web ? 用于桌面浏览器的HTML5UI组件.
  • Kendo UI DataViz ? 用于显示数据的HTML5UI组件.
  • Kendo UI Mobile ? 用于开发基于移动设备的HTML5 UI框架.
  • Kendo UI Complete -包含了上面三个开发包.
  • Kendo UI Complete for ASP.NET MVC -包括了Web,DataViz和Mobile并提供这些UI组件的ASP.NETMVC服务器端封装.
  • Kendo UI Complete for JSP ? 包括了Web,DataViz和Mobile并提供这些UI组件的JSP服务器端封装.
  • Kendo UI Complete for PHP ? 包括了Web,DataViz和Mobile并提供这些UI组件的PHP服务器端封装

20130609001