DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現(xiàn)代Web開(kāi)發(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和下一代移動(dòng)應(yīng)用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。

在上文中（點(diǎn)擊這里查看），我們介紹了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)

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

 如果給定設(shè)備上沒(méi)有足夠的空間，我們的Toolbar可以自動(dòng)隱藏下拉菜單中的項(xiàng)目，最終用戶(hù)可以打開(kāi)此菜單來(lái)調(diào)用與隱藏項(xiàng)目相關(guān)的操作。官方技術(shù)團(tuán)隊(duì)計(jì)劃添加一個(gè)額外的自適應(yīng)模式，在此模式下，工具欄項(xiàng)目通過(guò)換行到下一行保持可見(jiàn)，因此最終用戶(hù)可以立即訪(fǎng)問(wèn)所有可用項(xià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ù)僅包括列/行維度值（類(lèi)別）和交叉點(diǎn)處的聚合值（數(shù)字）。為了幫助解決特定用例，官方技術(shù)團(tuán)隊(duì)將更新導(dǎo)出引擎，以便您也可以包含維度（字段）名稱(chēng)。

<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)志來(lái)中止操作（基于特定條件），一些用戶(hù)想要異步計(jì)算條件，例如當(dāng)您必須等到最終用戶(hù)批準(zhǔn)/拒絕請(qǐng)求時(shí)。對(duì)于這種情況，我們的一些組件支持‘cancel’標(biāo)志值的 ‘Promise’類(lèi)型，技術(shù)團(tuán)隊(duì)計(jì)劃以同樣的方式在Popup 的 onHiding/onShowing 事件中支持 Promises。

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

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

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

TagBox – 提交自定義項(xiàng)目的額外事件

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

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

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

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

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