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

在這篇文章中，我們將回顧在最新的主要更新(DevExtreme v23.1)中與API相關的一系列增強。

獲取DevExtreme v23.1正式版下載

DevExpress技術交流群9：909157416      歡迎一起進群討論

覆蓋組件 - 原生滾動

新版本更新了, 和 元素，來支持原生滾動操作——改善移動設備上的用戶體驗。

當內容的高度超過覆蓋組件的高度時，這些元素現在將自動使用瀏覽器的原生滾動條。或者，您可以把內容放在ScrollView組件中(DevExtreme ScrollView包括從右到左的方向支持和內容滾動到特定位置等功能)。

TreeView - 自定義展開/折疊圖標

在v23.1版本中，DevExtreme TreeView組件能夠顯示自定義的展開和折疊圖標。

您可以使用和屬性來定義首選節點圖標，這些圖標可以從外部url加載或使用CSS類指定(在使用外部庫時很有用)。

<dx-tree-view ...
collapseIcon="minus" "--Icon from the DevExtreme icon library"
expandIcon="http://path/to/the/expand_icon.svg" "--Icon in the SVG format"
>
</dx-tree-view>

列表 - 單擊選擇項目

新List selectByClick設置定義了當用戶單擊標題時是否應該選擇項。

ColorBox - 十六進制8位RGBA格式支持

現在可以用十六進制的8位RGBA格式指定顏色，ColorBox組件接受以下顏色格式：

• 4位和8位(#F00F， #FF0000FF)
• 3位和6位十六進制(#F00， #FF0000)
• RGB (RGB (255, 0, 0))
• RGBA (RGBA (255, 0, 0, 1))
• 顏色名稱

<dx-color-box ...
value="#0d62e0ff" "--or "#FFFF""
[editAlphaChannel]="true"
>
</dx-color-box>

菜單 - 為項目添加“url”選項

v23.1為菜單項引入了一個新的url選項，這個增強消除了對復雜的' onItemClick '事件處理程序的需要，只需使用linkAttr屬性來指定鏈接屬性。

<dx-menu>
<dxi-item
icon="home"
url="http://js.devexpress.com"
>
</dxi-item>
</dx-menu>