评测必备:Kendo UI经典开发案例赏析

原创|对比评测|编辑:我只采一朵|2014-05-14 10:21:54.000|阅读 5902 次

概述:本文汇总了Kendo UI的四个开发案例,并注明了每个案例运用到的组件和框架,你还可以点击在线示例实时体验。相信这些示例能帮助你更全面的了 解Kendo UI。

相关链接:

Kendo UI 是一个非常强大的HTML5界面开发框架,基于最新的HTML5、CSS3和JavaScript标准,既可以开发Web应用,又可以开发跨平台的移动应用。Kendo UI的界面风格清新大气,组件功能完善,性能可靠,程序员只需要少量编码就可以实现相应的效果,能节省大量的时间成本。那么Kendo UI到底能实现一些什么样的效果呢?下面我汇总了Kendo UI的四个开发案例,并注明了每个案例运用到的组件和框架,你还可以点击在线示例实时体验。相信这些示例能帮助你更全面的了 解Kendo UI。

Bootstrap

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

Kendoui Bootstrap WebSushi MobileSushi

马上体验Bootstrap

应用到的组件和框架:

  • Chart
  • DataSource
  • DatePicker
  • DropDownList
  • Editor
  • Effects
  • Grid
  • ListView
  • Menu
  • MultiSelect
  • NumericTextBox
  • PanelBar
  • Scheduler
  • Tabstrip
  • Templates

AeroViewr

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

Kendoui Bootstrap WebSushi MobileSushi

马上体验AeroViewr

 

应用到的组件和框架:

  • DataSource
  • Effects
  • ListView
  • SPA(Single-Page App)
  • Templates

Web Sushi

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

Kendoui Bootstrap WebSushi MobileSushi

马上体验Web Sushi

应用到的组件和框架:

  • DataSource
  • Effects
  • ListView
  • NumericTextBox
  • SPA
  • Templates

Mobile Sushi

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

Kendoui Bootstrap WebSushi MobileSushi

马上体验Mobile Sushi

应用到的组件和框架:

  • Button
  • DataSource
  • Effects
  • ListView
  • NavBar
  • Scroller
  • Switch
  • Tabstrip
  • Templates
  • View
【Kendo UI在线Demo】
慧都特邀Kendo UI原厂开发工程师举行线上公开课,使用该控件的朋友千万别错过哦>>查看详情

kendo ui 公开课



标签:HTML5BootstrapUI界面KendoUI

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件

登录 慧都网发表评论


慧都网友 2019-02-13 08:02:00.000
0

好呀


極£澲 2016-07-08 17:04:53.000
0

niu


慧都网友 2014-12-24 15:41:58.000
0

赞一个!


慧都网友 2014-05-22 21:24:03.000
0

赞一个


慧都网友 2014-05-22 13:53:34.000
0

mark


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
Kendo UI Web

运用JavaScript和HTML5就能快速创建性能最优的Web应用程序

Kendo UI Mobile

使用HTML5和JavaScript快速开发跨平台原生移动应用程序的移动应用程序框架

Kendo UI DataViz

跨平台跨设备的数据可视化组件

Kendo UI Server Wrappers

帮助你开发基于Kendo UI的出色的HTML5应用程序,并且无需亲自编写JavaScript。

Kendo UI Core

Kendo UI Core是Kendo UI的开源免费版,是HTML5构架下的用于网络和移动开发的工具。

Kendo UI

全新升级的Kendo UI,是创建数据丰富的Web应用程序的最完整UI库。

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat