雖然DevExtreme剛剛發布了v23.1，但今天我們仍然要繼續總結一下之前的主要更新（v22.2）中發布的一些與DevExtreme API相關的重要特性。

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

DevExtreme v23.1正式版下載

DevExpress技術交流群8：523159565      歡迎一起進群討論

Hide/Display API增強

onshow /onHiding事件中的'cancel'參數現在支持Promise類型，允許用戶在組件顯示或隱藏之前執行異步操作。

此增強可用于以下UI組件：

Show/hide方法現在返回一個Promise對象，該對象將在操作完成后解析。如果操作被取消，此Promise將被拒絕。

Slider & Range Slider — 值改變模式

在之前，只要用戶移動滑塊句柄， 和組件的值就會立即改變。我們新的 選項允許您選擇不同的模式：值僅在句柄釋放時更改。

React

<RangeSlider
value={value}
valueChangeMode="onHandleRelease"
onValueChanged={handleValueChange}
/>

SelectBox和TagBox - 提交自定義項目的附加事件

以前，和只能在用戶按Enter鍵時創建新項，這種默認操作已經改變：在按Enter鍵事件和組件失去焦點時都會創建項。用戶可以將DOM事件分配給 屬性，以更改創建新項時引發的事件。

Angular

<dx-select-box ...
[acceptCustomValue]="true"
(onCustomItemCreating)="addCustomItem($event)"
customItemCreateEvent="focusout"
></dx-select-box>

VectorMap — 控制面板自定義

現在用戶可以改變 控件的工具條元素的可見性：平移控制和縮放工具條，為此使用和屬性。

Vue

<DxVectorMap ... >
<DxControlBar
:pan-visible="true"
:zoom-visible="false"
/>
</DxVectorMap>

數據可視化組件 - 適應容器大小調整

在v22.2版本中，每當容器大小發生變化時，圖表、量規和地圖都會自動重新繪制。