KendoUI的窗口使用demo

kendoui简介

目前移动HTML5带UI的开发框架层出不穷,常见的有Sencha Touch、jQuery Mobile前者效果较好,收费,学习成本高;后者效果一般,但兼容性好,免费,学习成本低,会jquery的同学上手快。其实还有一个夹在两者之间的框架叫Kendo UI.

kendoui常用组件

kendo UI web确实是一个很优秀的框架,里面主要含有组件为以下几种:

常见组件列表:

AutoComplete 自动补齐
Calendar组件 日历表
ColorPicker 颜色选择器
ComboBox 下拉列表框
DatePicker 日期选择组件
DateTimePicker 日期时间控件
DropDownList 下拉菜单
Editor 在线编辑器
Grid 表格组件
ListView 列表视图
Menu 菜单
MultiSelect 多选框
NumericTextBox 数值文本框
PanelBar 手风琴选项卡
Scheduler 日程调度表
Slider 滑动控制器
Splitter 界面分割符

TabStrip 选项卡
TimePicker 时间选择器
Tooltip 提示工具
TreeView 树型视图
Window 弹窗

window窗口

今天先来学习下窗口的简单使用,让大家体验下它的简单使用:

KendoUI的窗口使用demo

这就是窗口的弹出。

我们来看一下它的代码:

 myWindow.kendoWindow({
width: "600px",
title: "About Alvar Aalto",
visible: false,
actions: [
"Pin",
"Minimize",
"Maximize",
"Close"
],
close: onClose
}).data("kendoWindow").center().open();

只要定义一个div

 

然后我们就可以用它自身的方法调用了,而且样式好看,简单方便的开发系统。

好了,今天带大家入门了解一下,以后我详细介绍它的使用来和大家分享。


分享到:


相關文章: