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

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

DevExtreme v22.1正式版下載

UI/UX自定義增強(qiáng)

工具欄 - 多線自適應(yīng)模式

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

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

PivotGrid導(dǎo)出到Excel –導(dǎo)出字段面板標(biāo)題

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

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

API 增強(qiáng)功能

彈出窗口 - 隱藏/顯示 API 增強(qiáng)功能

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

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

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

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

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

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

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

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

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

DevExpress技術(shù)交流群6：600715373      歡迎一起進(jìn)群討論