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今年第一個重大版本v23.1已發(fā)布，新版本進(jìn)一步增強(qiáng)了UI組件和UI模板庫功能，歡迎獲取新版體驗！

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

UI組件

覆蓋組件 - 本地滾動

新版本中的Popup、Popover和Tooltip組件現(xiàn)在支持原生滾動，這提高了移動設(shè)備上的可用性。

如果內(nèi)容的高度大于覆蓋組件的高度，組件將顯示瀏覽器的原生滾動條。有了這個新的增強(qiáng)功能，您不需要將內(nèi)容封裝到ScrollView組件中。

TreeView — 顯示自定義展開/折疊圖標(biāo)

TreeView節(jié)點現(xiàn)在可以顯示自定義展開/折疊圖標(biāo)。

使用 和 屬性來指定節(jié)點圖標(biāo)，您可以從URL加載圖標(biāo)，在CSS類中指定圖標(biāo)(如果使用外部庫)，或者顯示DevExtreme圖標(biāo)。

List — 單擊選擇項目

我們新的selectByClick設(shè)置指定當(dāng)用戶單擊標(biāo)題時是否選擇項目。

ColorBox — 支持十六進(jìn)制8位RGBA格式

現(xiàn)在可以用十六進(jìn)制的8位RGBA格式指定顏色，新版本的ColorBox組件接受以下顏色格式：

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

Menu — 為項目新增“url”選項

新版本為菜單項新增了一個新的url選項，有了這個增強(qiáng)，您就不必實現(xiàn)復(fù)雜的nItemClick事件處理程序了，使用r屬性來指定鏈接屬性。

改進(jìn)日歷設(shè)計

UI/UX增強(qiáng)包括：

• 'Prev' 和 'Next'箭頭現(xiàn)在是完全可定制的按鈕組件。
• 從視覺上增強(qiáng)了不同日歷視圖中的選擇。
• 周數(shù)列現(xiàn)在有一個全新的外觀和感覺。

改進(jìn)的自適應(yīng)性允許您為臺式機(jī)、平板電腦和手機(jī)提供響應(yīng)迅速的web應(yīng)用程序。

浮動動作按鈕 - 支持緊湊模式

新版本為Floating Action Button添加了一個緊湊模式。

UI模板庫

Scheduler View（日程視圖）

Scheduler View允許您輕松地交付調(diào)度/信息管理解決方案，它集成了我們完全可定制的調(diào)度程序和日歷組件。

功能包括：

• 日/工作周/月/議程視圖
• 創(chuàng)建和編輯事件(約會)
• 顯示/隱藏日歷

用戶配置文件視圖

新版本使用DevExtreme Form組件創(chuàng)建一個用戶配置文件視圖，該視圖允許您編輯和保存用戶信息。

明暗主題切換器

新版本的UI模板庫應(yīng)用程序附帶了一個新的主題切換器，用它來切換明亮和黑暗的主題。

身份驗證表單

新版本改進(jìn)了 "Sign-In"和"Change Password"表單的功能和設(shè)計，增加了顯示密碼選項和"Login with Google/Microsoft"按鈕。