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

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

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

# 31款JAVA开发必备控件和工具 # 界面/文档管理/报表/IDE等4000款产品火热销售中 >>

相关链接:

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

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线咨询
联系我们

客服热线
023-68661681

QQ客服

意见反馈


添加微信获专业服务

TOP
在线客服系统
live chat