HTML5/JS篇:DevExpress v16.1新功能介紹

適應性

改進

DevExtreme & HTML5/JS v16.1爲不一樣屏幕分辨率提供了不一樣的dxForm組件,此外,咱們的HTML5 Data Grid專爲小屏幕提供了一些新功能:windows

  • 使用鼠標點擊擴展或摺疊groups;
  • Group rows使用上下文菜單;
  • 使用複選框選擇columns。

DevExtreme & HTML5/JS v16.1

支持AngularJS 2.0

DevExtreme編輯器新增支持AngularJS 2.0app

ASP.NET MVC Wrappers (CTP)

v16.1新增支持DevExtreme ASP.NET MVC Wrappers,ASP.NET開發者可以使用Razor C#代碼在MVC應用中使用DevExtreme組件。jsp

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開始,可只使用小的模塊,根據本身的須要加載功能。支持如下幾種方式:ui

  • 使用 RequireJS 自動加載模塊
  • 使用 Webpack 建立集合(bundle)
  • 使用 jspm package manager 加載模塊
  • 使用 DevExtreme Bundler 工具建立包含特定模塊的集合

Pivot Grid

Field Panel

v16.1新增一個很是有用的組件:Field Panel,讓最終用戶輕鬆排列字段,改變篩選和排序設置。spa

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詳細更新(英文)

相關文章
相關標籤/搜索