Kendo UI使用教程:入门指南
【Kendo UI最新试用版下载】
Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库;Kendo UI for Angular是专用于Angular开发的专业级Angular UI组件;Kendo UI Support for React支持React Javascript框架,更快地构建更好的应用程序;Kendo UI Support for Vue为Vue技术框架提供可用的Kendo UI组件,更快地构建更好的Vue应用程序。
更多资源请查看【Kendo UI视频教程集合】【Kendo UI TreeView功能详解】【Kendo UI经典开发案例赏析】
在项目中托管Kendo UI
要在项目中托管Kendo UI,你需要:
- 下载bundles
- 添加CSS和JavaScript引用
下载bundles
下载任何Kendo UI软件包后,下面列出的文件夹将托管在您的本地存储库中。
- /apptemplates——该文件夹包含独立的启动器模板。虽然它们是静态HTML文件,但建议您通过Web服务器而不是直接从文件系统打开它们,后一种方法会破坏所有Ajax数据请求。
- /examples——容纳快速启动示例文件。虽然它们是静态HTML文件,但建议您通过Web服务器而不是直接从文件系统打开它们,后一种方法会破坏所有Ajax数据请求。
- /js——包含缩小的JavaScript文件。
- /src——此文件夹用于保存源代码文件,但现在它们在单独的下载包中提供。从你账户的Downloads部分访问源代码包,请注意试用版用户无法使用源代码。
- /styles——由缩小的CSS文件和主题图像组成。 该文件夹还包含Less文件,可以传递给编译器,位于styles/folder: styles/web/和styles/mobile/的第一级文件夹。请注意,试用版中不提供Less文件。
- /wrappers——包括服务器端包装器。由于UI for ASP.NET MVC、UI for JSP或UI for PHP发行版是必须的,因此该文件夹仅在这些版本的商业包中可用。
- changelog.html——提供Kendo UI更新说明。
添加CSS和JavaScript引用
要在项目中使用Kendo UI,请包含所需的JavaScript和CSS文件。
Step 1:从bundle存档中提取 /js和/styles目录,并将它们复制到Web应用程序根目录。
Step 2:在HTML文档的head标记中包含Kendo UI JavaScript和CSS文件,验证在主题CSS文件之前注册了公共CSS文件。
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
注意:代码示例以后假设Kendo UI scripts和stylesheets现在已添加到文档中。
Step 3:初始化一个小部件
以下示例演示如何初始化DatePicker小部件。
示例:
1 2 3 4 5 6 7 8 |
|
以下示例演示了DatePicker小部件的完全初始化。
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
|
安装Bower包
Bower是一个流行的Web管理程序包管理器,用于处理框架、库、资产和实用程序。
概要
Kendo UII维护2个Bower包:
- Kendo UI Core.
- Kendo UI Professional.
所有正式版本,Service Pack和内部版本都会上传到它们中。
重复异常的分隔符
截至Kendo UI 2016 Q2(2016.2.504)更新:
- Scheduler用逗号(,)替换分号(;)作为重复异常的分隔符类型。
- Scheduler不再向重复异常添加尾随分隔符。
使用CDN服务
Kendo UI CDN托管在Amazon CloudFront上。 要访问CDN服务,您可以使用不同的方法。
Kendo UI R2 2019 SP1全新发布,最新动态请持续关注Telerik中文网!
扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯
Kendo UI使用教程:入门指南相关推荐
- Kendo UI Web教程分享
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件 ...
- Kendo UI开发教程(9): Kendo UI Validator 概述
Kendo UI Validator 支持了客户端校验的便捷方法,它基于HTML 5 的表单校验功能,支持很多内置的校验规则,同时也提供了自定义规则的便捷方法. 完整的Kendo UI 的Valida ...
- Kendo UI Web教程大全
HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用 HTML5 Web app开发工具Kendo UI Web教程:AutoComplete功能解析 HTML5 Web ...
- Kendo UI Web 教程大全
http://blog.csdn.net/BTfan123/article/details/22928019 HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用 HTML ...
- Kendo UI Web教程系列
Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件.数据源.验证.一个MVVM框架.主题.模板等. 下面盘点了Kendo U ...
- WPF界面控件Telerik UI for WPF初级入门教程 - 入门指南
本文主要介绍如何在项目中获取Telerik UI for WPF控件,并开始快速使用它们.启动并运行第一个简单控件后,请查看后续步骤部分,开始更详细地探索控件功能. 点击获取工具下载 使用Teleri ...
- Kendo UI开发教程 2 准备Kendo UI开发环境
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 首先你需 ...
- Kendo UI开发教程(8): Kendo UI 特效概述
Kendo UI Fx 提供了一个丰富,可扩展,性能经过优化的工具集合用来完成HTML元素的过渡显示.每种特效近可能的使用CSS Transition ,对于一些老版本浏览器使用修改属性的方法作为补充 ...
- Kendo UI开发教程:Kendo UI模板概述
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI框架提供了一个易用,高性能的JavaScript模板引擎.通过模板可以创建一个HTML片段然后可以和JavaS ...
最新文章
- 函数平移口诀_呆哥数学函数合集——函数的图形变换来啦【4】
- 《JAVA练习题目2》 输入十个学生的考试成绩,将及格学生的成绩从高到低排序输出。
- linux系统中用户切换
- PHP登录带图片,PHP登录注册完整图片验证码实现
- ustc小道消息20211213
- LeetCode 1753. 移除石子的最大得分(优先队列)
- 熊猫python小课靠谱吗_新的投资风向标在哪里?
- 如何用 Python 拆分表格并发送邮件?
- 6. 添加权限管理模块
- mysql忘记密码重新设置步骤详解
- MySQL自动生成Oracle建表语句脚本
- TFWmodi-修改tfw文件
- 全球及中国手机塔防游戏行业研究及十四五规划分析报告(2022)
- 迅雷下载边下边播设置为本地安装的浏览器
- ubuntu桌面进不去的解决办法
- c35是什么意思_混凝土标号怎么来的?C30_C25_C35_都是什么意思
- 嵌入式论文分析:Energy-Efficient and Robust Middleware Prototyping for Smart Mobile Computing
- 炸金花游戏(2)--炸金花游戏的胜率预估
- 1584 mysql_【原创】基于MySQL 水平分区的优化示例
- 2018年职称英语计算机考试,职称英语考试一般过去时的用法
热门文章
- 三星850EVO 240G 开卡成功
- inux free命令
- 关于HTTP缓存验证Last-Modified和Etag的使用
- python爬取汽车之家图片_Python 汽车之家 车型全数据 爬取
- Flutter开发之——动画-Gif动画
- sikuli python java_Sikuli 基于图形识别的自动化测试技术
- getchar()的使用方法——给scanf当爹又当妈
- Python模块 glob
- 地心地固坐标系(ECEF)与站心坐标系(ENU)的转换
- div横排 html_HTML+CSS-如何定义让两个div横向排列