kendo UI 学习笔记（一）－初识常见组件

学习背景：

因公司平台工作需要，学习新的框架kendo ui，借用以前学习Ext3.0框架的经验。

今天完成第一步：先在官网下载免费的社区版，放在MyEclipse中进行部署，了解下大致的组件……

kendoUI是啥？

Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

学习kendo UI 官网：http://kendoui.com

在线演示：http://demos.kendoui.com/

常见组件列表：

1.Grid（组件）。
2.AutoComplete组件（自动补齐）。
3.Calendar组件。（日期组件）。
4. ComboBox (下拉列表)。
5.DatePicker (可选时间日期组件)。
6.DropDownList().
7.Editor.
8.Grid (表格).
9.ListView.
10.Menu.(菜单).
11.NumericTextBox.(数值的TextBox)
12.PanelBar.(见图panelBar)
13.Slider.(见图slider)
14.Splitter.(界面分割符).
15.TabStrip.(Tab)
16.TimePicker.(时间组件)。
17.TreeView.(树)。
18.Upload.
19.Window.(窗口).

效果图例1：ComboBox 组件

问题：

1、也是老问题了，在Ext3.0学习的时候也遇到过，刚开始部署时，会看到一些 .js文件会有一些错误，主要是编码错误。

2、下载的js文件源文件有时只有很长很长的一行，靠，看起来很不爽，怎么自动排版？Ctrl + Shift + F ? 没用！求教怎么办？