Kendo UI经典开发案例赏析

Kendo
UI 是一个非常强大的HTML5界面开发框架，基于最新的HTML5、CSS3和JavaScript标准，既可以开发Web应用，又可以开发跨平台的移动应用。Kendo
UI的界面风格清新大气，组件功能完善，性能可靠，程序员只需要少量编码就可以实现相应的效果，能节省大量的时间成本。那么Kendo
UI到底能实现一些什么样的效果呢？下面我汇总了Kendo UI的四个开发案例

Bootstrap

经常有人问到Kendo UI是否可以和Bootstrap 结合使用，答案当然是肯定的。这个应用是Kendo UI
Web和Bootstrap完美结合的经典例子，布局采用的是Bootstrap框架和CSS，而组件全部来自于Kendo UI
Web：

AeroViewr

AeroViewr是一个界面非常时尚的在线摄影图片浏览工具，所有图片均以500px大小进行显示。右侧附有照片描述、拍摄信息、作者描述等内容，下方以滑块的形式展示所有照片的缩略图，点击左右滑块可以翻阅照片。更棒的是，点击照片的区域可以隐藏右侧栏，点击照片以外的主页面可以隐藏上方页头和下方的滑块。

Web Sushi

一款让你垂涎欲滴的网页应用，一款在线购买美味寿司、沙拉、乌冬面等日式料理的应用。用户可以以滑块的形式浏览菜式、查看营养成分、提交订单、删除订单等。

Mobile Sushi

移动版由 Kendo UI Mobile 开发，支持iOS, Android, BlackBerry
和 WP8平台。Kendo UI
Mobile的神奇之处在于，不管是开发iOS还是Android应用，它都能让组件看起来像这些移动平台的原生应用。

>>>本文来自慧都控件网

时间： 2024-10-05 05:41:41

Kendo UI经典开发案例赏析的相关文章

准备 Kendo UI 开发环境

准备 首先你需要从 Telerik 网站下载试用版开发包,注意需要注册后才能下载,或者从本站下载 (18M) 下载后直接解压后包含下面几个文件和目录: ./examples – 示例. /js – minified 化后的 JavaScript 库. /vsdoc JavaScript Intellisense 支持文件 /styles – minified 后的 CSS 及主题资源. changelog.html – Kendo UI 发布文件. 如果你下载伺服器端支持(比如 ASP.NET,

准备Kendo UI 开发环境

准备 首先你需要从 Telerik 网站下载试用版开发包,注意需要注册后才能下载. 下载后直接解压后包含下面几个文件和目录: ./examples – 示例. /js – minified 化后的 JavaScript 库. /vsdoc JavaScript Intellisense 支持文件 /styles – minified 后的 CSS 及主题资源. changelog.html – Kendo UI 发布文件. 如果你下载服器端支持(比如 ASP.NET,PHP 等)还可能包含 .w

构建的Web应用界面不够好看？快试试最新的Kendo UI R3 2019

通过70多个可自定义的UI组件,Kendo UI可以创建数据丰富的桌面.平板和移动Web应用程序.通过响应式的布局.强大的数据绑定.跨浏览器兼容性和即时使用的主题,Kendo UI将开发时间加快了50%. 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应用程序的最完整U

关于Kendo UI 开发教程

Kendo UI 开发教程 jQuery UI 是一套 JavaScript 函式库,提供抽象化.可自订主题的 GUI 控制项与动画效果.基于 jQuery JavaScript 函式库,可用来建构互动式的 Web 应用. 在开发 Web 应用时,可以直接使用 jQueryUI ,也可以使用其它一些基于 jQuery 的其它 UI 框架,其中 Kendo (日文剑道) UI 就是其中的佼佼者.两种框架各有所长,下表列出两种 UI 框架的简单比较: 分类 jQuery UI Kendo UI Wi

开发的Web应用界面太难看？Kendo UI R1 2020工具全新发布帮你忙

Kendo UI for jQuery R1 2020试用版下载 2020年,Kendo UI全新出发,发布R1 2020!此版本在Kendo UI bundle包中的所有库中进行了一些更新,包括jQuery,Angular,React和Vue UI库!本系列文章将着重为大家这些库中更新的重点内容,欢迎持续关注哦~ jQuery 新组件 新组件:Breadcrumb Kendo UI jQuery Breadcrumb组件为开发人员提供一个简单直观的界面,可在各层次的导航层次之间移动.Bread

Web UI开发神器—Kendo UI for jQuery数据管理网格编辑操作

Kendo UI for jQuery最新试用版下载 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网格的基本功能,可让您操纵其数据的显示方式. Kendo UI Grid提供以下编辑模式: 批量编辑 内联编辑 弹出式编辑

Web界面开发工具！Kendo UI for jQuery数据管理之网格列宽

Kendo UI for jQuery R1 2020 SP1试用版下载 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库. 要设置Grid列的宽度,请使用其width属性. 当您通过col元素从HTML表创建网格时,也可以设置列的宽度:但是,当对表

Kendo UI Grid 模型绑定

开篇 接触 Asp.net MVC 时间较长的童鞋可能都会了解过模型绑定(Model Binding),而且在一些做 Web 项目的公司或是Team面试中也经常会被问到.项目中有很多 Action 中都使用了自定义的模型绑定,但是业务逻辑太过复杂不适合做为例子与大家分享,而今天在做一个 Kendo UI 的功能时觉得可以用 Kendo UI 做为例子与大家分享与探讨一个典型的 Model Binding 的过程. 写的比较随性,欢迎大家讨论及拍砖! 背景介绍 Kendo UI: 它是一个非常出名

使用Jquery+EasyUI进行框架项目开发案例解说之中的一个---员工管理源代码分享

使用Jquery+EasyUI 进行框架项目开发案例解说之中的一个 员工管理源代码分享 在開始解说之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发人员更轻松的打造出功能丰富而且美观的UI界面.开发人员不须要编写复杂的javascript,也不须要对css样式有深入的了解,开发人员须要了解的仅仅有一些简单的html标签.jQuery EasyUI为我们提供了大多数UI控件的使用