彩票走势图

新一代HTML5开发工具Wijmo子控件详解

原创|其它|编辑:郝浩|2012-12-03 09:55:30.000|阅读 1107 次

概述:ComponentOne Studio for ASP.NET Wijmo拥有40多个不同风格的高性能且易于使用的控件,这些控件都基于常用的Web标准,如AJAX, CSS,HTML5和jQuery,这些控件都可作为ASP.NET控件、扩展和MVC工具进行使用。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

在了上一篇文章《新一代HTML5开发工具Wijmo》中了解了ComponentOne Studio for ASP.NET Wijmo的优秀特性之后,现在来看看部分优秀的控件。

ComponentOne Studio for ASP.NET Wijmo拥有40多个不同风格的高性能且易于使用的控件,这些控件都基于常用的Web标准,如AJAX, CSS,HTML5和jQuery,这些控件都可作为ASP.NET控件、扩展和MVC工具进行使用。

新一代HTML5开发工具Wijmo子控件详解

Wijmo控件缩略图

Accordion控件:该控件提供了多个显示面板,选择其中一个面板时, 该面板的内容会自动展开,而其它面板内容会自动折叠,轻松实现自动地组织和优化用户界面的使用;快捷设置面板属性,如展开方向、弹出动画,面板数量或设置浮动面板效果,同时提供了客户端对象模型;采用了AJAX技术进行数据的加载,只需在前台就可以完成所有的操作;支持Json绑定,JavaScript加载的文件只有80k,避免了终端用户下载太大的文件,减少了终端的负荷量。

新一代HTML5开发工具Wijmo子控件详解

界面效果

新一代HTML5开发工具Wijmo子控件详解

WijmoAccordion客户端对象模型

C1Menu提供动画效果、图像、复选框、交互项目滚动条等,能很好的创建出多重嵌套菜单;可以绑定到一个数据源或是从一个Access数据源读数据并且创建C1Menu 动态层次;而且还提供了一套专门针对iPad风格的菜单。

新一代HTML5开发工具Wijmo子控件详解

菜单效果

图表控件

ComponentOne Studio for ASP.NET Wijmo目前支持6种图表格式,条形/柱状图、气泡图、散点图、线形/面积图、饼状图、仪表图;客户端可以从外部数据源的数据创建图表,支持从服务器端的数据源绑定数据,对于鼠标所到的地方都会有Tooltip显示具体的属性情况,还可选择性的点击显示或隐藏部分内容。

C1BarChart可以用各种数据源作为基础来定制条形图,而且可以支持负值,你可以轻松定义起点,或是创建聚集条形图、堆叠百分比条形图、或者是实现条形图转柱形图等,此外可以固定标签的宽度、旋转和对齐标签。

新一代HTML5开发工具Wijmo子控件详解

设置标签倾斜度

新一代HTML5开发工具Wijmo子控件详解

点击隐藏6、7月份的情况

C1BubbleChart控件可以非常方便的展示三维数据,自定义标记类型,或隐藏一些个人标记等操作,轻松创建双向图表,重叠气泡图,用户也可以自定义气泡,比如说将浏览器图标设置为气泡。

新一代HTML5开发工具Wijmo子控件详解

自定义气泡

新一代HTML5开发工具Wijmo子控件详解

重叠气泡图

C1LineChart线形图表可动画实时显示数据效果,或用线条填充图表显示区域,逐点绘制面积样条线,趋势线;或是自定义符号图片,以及数据流图表。

新一代HTML5开发工具Wijmo子控件详解

线形动画图表

新一代HTML5开发工具Wijmo子控件详解

线形填充

新一代HTML5开发工具Wijmo子控件详解

数据流

C1PieChart能够进行实时的动画系列转换

新一代HTML5开发工具Wijmo子控件详解

新一代HTML5开发工具Wijmo子控件详解

实时的动画转换

提供现有的仪表模版快速的创建出想要的仪表类型。

新一代HTML5开发工具Wijmo子控件详解

其他:

新一代HTML5开发工具Wijmo子控件详解

散点与回归线

新一代HTML5开发工具Wijmo子控件详解

散点图

使用基于ASP.NET平台的C1Calendar控件,可以用自定义样式和导航元素显示单月、多个月的日期,拥有全球化的多种语言支持,可以快速的向网页中添加一个功能齐全的日历控件,或动画效果;设置多视图样式,能快速的预览当上一月或是下一月,支持快速导航,以及多种选择方案,比如:一天、整月、一列···

新一代HTML5开发工具Wijmo子控件详解

多视图样式

新一代HTML5开发工具Wijmo子控件详解

多种选择模式

C1Carousel 控件支持数据绑定,可以绑定图像URL,标题和链接,或者绑定模板中的任何数据;支持检索数据(结点),视图滚动的时候,AJAX会加载子项。轻松制作网络电子相册效果,幻灯箱等。

新一代HTML5开发工具Wijmo子控件详解

缩略图

C1Dialog可进行随意的固定、拖动,改变大小,或者是制作动画如:打开、关闭、扩展和折叠等;而且可以进行模态对话框设置。

新一代HTML5开发工具Wijmo子控件详解

模态对话框

C1Editor控件撰写和管理HTML内容,拥有和微软Word编辑器类似的比较直观且全面的编辑控件,可以全屏的编辑器清晰明了,还可自定义首选风格:设计视图、代码视图、或拆分视图;内嵌一个类似于微软的Word拼写检查功能,终端用户避免了下载电子词典就可直接进行拼写检查。

新一代HTML5开发工具Wijmo子控件详解

新一代HTML5开发工具Wijmo子控件详解

C1Gallery 控件能很好的展示图像以及展示它们的缩略图效果;支持数据绑定,可以绑定图像URL,标题、链接或者模板中的任何数据,实现按需加载;你也可以设置图片间的动画过度和分页效果;控件内嵌了一个flash播放器,可像图片一样流畅的播放或是加载视频;C1Gallery 控件的内联框架模式,可链接到其他URL的内联框架。

新一代HTML5开发工具Wijmo子控件详解

图像缩略图

新一代HTML5开发工具Wijmo子控件详解

内联框架模式

C1GridView内嵌的ASP.NET控件兼容了微软C1GridView的所有特性,用户可自定义单元格风格,也可进行合并、排序、聚合、过滤等一系类表格操作;而且C1GridView支持服务器编辑。

新一代HTML5开发工具Wijmo子控件详解

客户端编辑

AtoCompele控件在输入框中输入字符时会提供两项词汇,同时也会将词汇信息存储在标记语言中当键入字段时,使用AJAX进行子数据项的加载;当然你也可以自定义数据项、最少字符以及自动完成相关联词汇的位置等;通过属性设置实现数据绑定功能,比如绑定标签,值和类别字段。支持自动回传。

子控件就不再一一介绍了,还是要大家自己使用了才会明白其功能性。


标签:

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

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP