DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現代Web開發堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和響應式UI小部件集合,可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。
DevExtreme今年近期發布了重大版本v23.2,新版本進一步增強了標簽面板的可自定義性、升級表單和編輯器組件功能等,歡迎獲取新版體驗!
DevExtreme v23.2正式版下載(Q技術交流:532598169)
選項卡 & 選項卡面板
垂直制表符方向
對于選項卡,我們添加了一個新的orientation選項,允許您水平或垂直排列選項卡。
自定義選項卡位置
對于TabPanel,新的tabsPosition選項允許您在面板的右側、左側、頂部和底部定位選項卡。
自定義圖標位置
選項卡和TabPanel現在都包含一個iconPosition選項,允許您定義圖標在選項卡中的顯示位置(開始、結束、頂部或底部位置)。
二次樣式模式
現在可以為激活的選項卡指定樣式模式,以下樣式模式是可用的:
- primary?-?下劃線的寬度是固定的。
- secondary?-?下劃線的寬度取決于制表符的內容。
表單 & 編輯器
變化檢測(Dirty State)
DevExtreme?v23.2包含以下更改:
- 將重置方法重命名為clear以保持一致性,并為編輯器引入新的reset方法來保持重置功能。
- 棄用表單的resetValues方法,用clear替代,并為整個表單引入了一個新的reset方法。
- 為編輯器和Form.?isDirty添加了isDirty標志,幫助檢測表單項或編輯器中的更改。
支持DateRangeBox
您現在可以使用editorType: 'dxDateRangeBox' 將DateRangeBox組件添加到表單中。
#'Outside'標簽模式
DevExtreme?v23.2為編輯器提供了一個新的'outside'標簽模式。
DropDownButton — 全新的'Type' 選項
DevExtreme DropDownButton包含一個類型選項,就像對應的Button一樣。
Examples(示例)
Angular?|?React?|?Vue?|?jQuery