【Kendo UI系列开发使用笔记】01-简单介绍

ps:接触telerik出品的kendo ui系列已经快有一年了,使用过程中也在不断踩坑填坑.这套UI用起来还是非常爽的,尤其asp.net mvc版的配合lambda表达式来配置参数非常流畅.这次对以前博客整理与梳理下自己的知识结构.
   kendo UI是一个强大的框架用于快速HTML5 UI开发.截至目前最新版本是2015 Q3.但telerik针对目前主流开发语言提供了对应版本支持,如:UI for ASP.NET MVC, UI for PHP,UI for JSP,UI for Silverlight,UI for ASP.NET AJAX等.(注:本人使用较多的是mvc和js版,所以文章中demo使用的基本都是这两个版本).kendo ui提供了70多个组建,11套皮肤以及支持angularjs,mvvm,bootstrap等流行元素.
[运行环境]

[使用版本]
kendo ui有开源版,试用版,专业版三种版本:
开源版是有40个组件,在遵守其开源协议的情况下可免费使用.不过像grid,chart,treeview,editor之类高级组件是不提供的
试用版和专业版差不多,但有试用期且提供压缩版js,进行商业使用需要购买licence.
专业版就是功能最完整的的版本,购买后并提供服务支持
[价格]
html/js版价格如下:

Kendo UI官网地址:http://www.telerik.com/kendo-ui 官网可下载30天试用版,需要先行注册帐号
Asp.net mvc版地址:http://www.telerik.com/aspnet-mvc 同理也可下载试用版

[组件]
支持的组件如下:(无任何标记为免费版可免费使用,带有pro为专业版才含有此组件,new标记为新功能,beta标记为测试版)

[使用与API]
在线文档地址:http://demos.telerik.com/kendo-ui/autocomplete/index 
点击对应组件即可查看文档,代码区域右上角可切换版本源
点击Edit this example可打开在线即时编辑页面进行在线编辑代码(也可直接打开网址 http://dojo.telerik.com/)
点击API Reference可查看当前组件api文档.

对kendo ui的了解后,后续文章将进行开发方面的介绍(本文不涉及移动端的使用)在开始之前要先引用相应的JS,Css,dll等(如果只是使用html/js版不需引用相应dll),首先要引用Jquery的文件:

1     <script src="~/Scripts/kendo/kendo.all.min.js"></script>2     <script src="~/Scripts/kendo/kendo.aspnetmvc.min.js"></script>//js版不需引用3     <link href="~/Content/themes/kendo/kendo.common.min.css" rel="stylesheet" />//基础css骨架4     <link href="~/Content/themes/kendo/kendo.bootstrap.min.css" rel="stylesheet" />//对应bootstrap主题皮肤

如果要本地化组件引用对应语言包的js即可.如中文:

1 <script src="~/Scripts/kendo/kendo.messages.zh-CN.js"></script>2 <script>3         kendo.culture("zh-CN");4 </script>