彩票走势图

【重大更新】DevExpress v16.1新功能介绍(HTML5/JS篇)

原创|产品更新|编辑:我只采一朵|2016-07-05 11:22:43.000|阅读 1049 次

概述:用户界面套包DevExpress 2016.1终于正式发布,本站将以连载的形式为大家介绍各版本新增内容。本篇为大家介绍DevExtreme & HTML5/JS v16.1新增的ASP.NET MVC Wrappers、Bootstrap模板 、Banded Column Layout,快来下载试用新版本!

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

相关链接:

【下载试用DevExpress 2016.1】

适应性

改进

DevExtreme & HTML5/JS v16.1为不同屏幕分辨率提供了不同的dxForm组件,此外,我们的HTML5 Data Grid专为小屏幕提供了一些新功能:

  • 使用鼠标点击扩展或折叠groups;
  • Group rows使用上下文菜单;
  • 使用复选框选择columns。

DevExtreme & HTML5/JS v16.1

支持AngularJS 2.0

DevExtreme编辑器新增支持AngularJS 2.0

ASP.NET MVC Wrappers (CTP)

v16.1新增支持DevExtreme ASP.NET MVC Wrappers,ASP.NET开发者可使用Razor C#代码在MVC应用中使用DevExtreme组件。

ASP.NET MVC Wrappers (CTP)

集成Bootstrap

DevExtreme Theme Builder新增支持可自定义的Bootstrap模板,定义UI变得更加快捷和简单。

DevExtreme v16.1集成Bootstrap

Data Grid

Banded Column Layout

HTML5-JavaScript Data Grid提供了扩展布局和自定义选项,可以方便的进行整个column的重拍。这个功能在针对跨多区域的用户场景时使用体验更佳。

HTML5-JavaScript Data Grid

Data Visualization

HTML5-JavaScript TreeMap

TreeMap可以快速对单层或多层数据进行嵌套,或者通过可量化的变量进行排序和定义尺寸。

HTML5-JavaScript TreeMap

客户端导出HTML5-JavaScript Chart

HTML5 Data Visualization组件新增支持客户端导出和打印图表的功能,目前支持:

  • 导出PNG, JPEG, GIF, SVG 和 PDF
  • 打印
  • 可自定义的菜单

客户端导出HTML5-JavaScript Chart

连续数据的离散呈现

在TML5-JavaScript Range Selector内配置数据时,可以根据自己的需要分离连续的数据(比如数字或者时间),这个功能通过新增的 "semidiscrete" scale type就可以做到。

模块化

从v16.1开始,可只使用小的模块,根据自己的需要加载功能。支持以下几种方式:

  • 使用 RequireJS 自动加载模块
  • 使用 Webpack 创建集合(bundle)
  • 使用 jspm package manager 加载模块
  • 使用 DevExtreme Bundler 工具创建包含特定模块的集合

Pivot Grid

Field Panel

v16.1新增一个非常有用的组件:Field Panel,让最终用户轻松排列字段,改变筛选和排序设置。

Field Panel

图表集成

DevExtreme v16.1简化了将HTML5 图表与HTML5 Pivot Grid集成的步骤。

HTML5 Pivot Grid

可重新定位的Data Field Headers

DevExtreme v16.1的Pivot Grid可以在column或row区域内对Field Headers指定显示的位置。

Data Field Headers

运行时Summary Type Selection

最终用户可以在Pivot Grid's context menu下修改Summary Type。

Summary Type Selection

Tree Header Layout

DevExpress HTML5 Pivot Grid新增了tree layout模式,在Web APP上可以最大化屏幕分辨率。

Scheduler

Agenda View

HTML5 Scheduling组件增加了紧凑的Agenda View模式。

Agenda View

Timeline Month View

新版本HTML5 Scheduler新增了Timeline Month View。

Timeline Month View

支持Time Zone

可根据需要指定时间区域。

Time Zone

集成Visual Studio

弃用"cordova-wp8"平台之后,Apache Cordova目前仍然保持维护支持Windows 8, 8.1 and 10的"cordova-windows" 。DevExtreme项目已经更新支持新的变化。

改进组件

HTML5-JavaScript SelectBox

SelectBox支持value completion,支持TAB键盘操作。设置searchMode为'startswith'可启用自动完成。

HTML5-JavaScript TagBox

  • 不用重新打开tag-box就可以选择多个items;
  • TagBox组件支持 single-line 模式。所有选中的tags会在一行中显示并且支持垂直滚动;
  • 可以通过键盘快捷键查找选中的tags;
  • Value completion,快捷键TAB可以选择建议值。

其他

  • 改进性能
  • 新增NPM Package
  • 不再支持IE8
  • 支持 jQuery Globalize version 1.X

马上下载试用DevExpress 2016.1
DevExtreme v16.1详细更新(英文)

======================================================================

DevExpress专为企业客户提供团队、企业授权优惠方案,欢迎来电咨询:023-66090381

DevExpress企业集团授权

慧都学院2017全新DevExpress线下研修班火热报名中!



标签:DevExpresswebUI界面HTML5/JS

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


为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP