DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

在上文中（點擊這里查看），我們介紹了DevExtreme v22.2即將增強UI/UX自定義功能，包括表單、Accordion、編輯器等控件。本文將繼續為大家介紹剩下的DevExtreme v22.2即將發布的新功能，歡迎持續關注我們，獲取更多第一手產品資訊哦~

DevExtreme v22.1正式版下載

UI/UX自定義增強

工具欄 - 多線自適應模式

 如果給定設備上沒有足夠的空間，我們的Toolbar可以自動隱藏下拉菜單中的項目，最終用戶可以打開此菜單來調用與隱藏項目相關的操作。官方技術團隊計劃添加一個額外的自適應模式，在此模式下，工具欄項目通過換行到下一行保持可見，因此最終用戶可以立即訪問所有可用項目。

<dx-toolbar [multiline]="true">
</dx-toolbar>

PivotGrid導出到Excel –導出字段面板標題

DevExtreme PivotGrid允許您將其內容導出到 Microsoft Excel (v20.2+)，目前導出的數據僅包括列/行維度值（類別）和交叉點處的聚合值（數字）。為了幫助解決特定用例，官方技術團隊將更新導出引擎，以便您也可以包含維度（字段）名稱。

<dx-pivot-grid
[dataSource]="dataSource"
(onExporting)="onExporting($event)"
>
<dxo-export
[enabled]="true"
[exportFieldHeaders] ="true"
></dxo-export>
</dx-pivot-grid>

API 增強功能

彈出窗口 - 隱藏/顯示 API 增強功能

您可能已經在 Popup 的 onHiding/onShowing 事件中使用了 ‘cancel’ 標志來中止操作（基于特定條件），一些用戶想要異步計算條件，例如當您必須等到最終用戶批準/拒絕請求時。對于這種情況，我們的一些組件支持‘cancel’標志值的 ‘Promise’類型，技術團隊計劃以同樣的方式在Popup 的 onHiding/onShowing 事件中支持 Promises。

onHiding: (e) => {
e.cancel = showConfirmation("Are you sure?"); // returns a Promise
},

Popup的show/hide方法返回一個Promise對象，該對象在操作完成后被解析。用戶在這方面要求一些靈活性——特別是如果事件處理程序通過 ‘cancel’標志取消操作，則拒絕 Promise。

try {
await popup.hide();
// closed successfully
}
catch (e) {
// closing was cancelled
}

TagBox – 提交自定義項目的額外事件

DevExtreme TagBox 允許最終用戶添加自定義項目，用戶輸入自定義文本并按 Enter 后，新創建的項目將提交到數據源。 為了加快數據輸入過程，用戶要求在 TagBox 失去焦點時自動提交自定義項目（當用戶按下 Tab 鍵或單擊表單的提交/保存按鈕時），我們將擴展 API 以啟用這些使用場景。

Slider & RangeSlider - 延遲的‘valueChanged’事件

當最終用戶開始拖動 Slider 的句柄時，組件會立即引發 valueChanged 事件，因此在用戶釋放句柄之前會引發一系列事件，我們將引入一種額外的模式來僅在用戶交互結束時引發一次 valueChanged 事件。

<dx-slider valueChangeMode="instant|eventual">
</dx-slider>

DevExpress技術交流群6：600715373      歡迎一起進群討論