1. 程式人生 > >DevExpress v18.1新版亮點——DevExtreme篇(一)

DevExpress v18.1新版亮點——DevExtreme篇(一)

本機 技術分享 space 增強 http files scn 應用程序 rtu

用戶界面套包DevExpress v18.1日前終於正式發布,本站將以連載的形式為大家介紹各版本新增內容。本文將介紹了DevExtreme JavaScript Controls v18.1 的新功能,快來下載試用新版本!點擊下載>>

Angular Components

服務器端渲染(SSR)

DevExtreme Angular組件利用Angular Renderer進行DOM操作(如本機Angular組件),您可以在Angular Universal應用程序中使用組件(在客戶端和服務器端都呈現)。

技術分享圖片

Data Grid & Tree List

增強性能和UX

此版本包括以下性能增強功能:

  • Virtual Column Rendering:在此模式下,網格可以渲染和滾動數千列而不會降低性能。
  • Virtual Row Rendering:使用大頁面大小並使用Pager或Virtual Scrolling時,可加快網格性能。
  • 改進了固定列和列自動寬度的性能。
技術分享圖片

新版本還使虛擬滾動場景更加用戶友好:

  • 在使用本地數據在虛擬模式下滾動DataGrid時刪除了“empty space”。
  • 加載指示(在虛擬模式下滾動遠程數據)。

集成Filter Builder

Data Grid現在包含一個集成的Filter Builder,內置的Filter Builder為用戶提供了對過濾器構造更精細的控制。Filter Builder將過濾條件顯示為樹結構,其中節點表示簡單的過濾條件。

技術分享圖片

用於編輯命令列的內置圖標

v18.1為Data Grid和TreeList編輯命令列引入了一個圖標模式。

技術分享圖片

Tree List - 記錄分頁

DevExtreme Tree List現在可以跨頁面拆分數據,集成的分頁器允許最終用戶逐頁瀏覽記錄,最終用戶還可以修改頁面大小。

技術分享圖片

Tree List - 狀態管理

Tree List組件現在可以保存和恢復布局信息,此信息可包括可視元素的可見性和大小、外觀設置、過濾和排序信息等。

技術分享圖片

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

DevExpress v18.1發布,更多精彩內容請持續關註DevExpress中文網!

掃描關註DevExpress中文網微信公眾號,及時獲取最新動態及最新資訊

技術分享圖片

DevExpress v18.1新版亮點——DevExtreme篇(一)