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

DevExtreme今年第一個重大版本v23.1已發布，新版本發布了全新的日期范圍框（DateRangeBox）組件、升級了Data Grid和Tree List功能等，歡迎獲取新版體驗！

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

全新的DateRangeBox組件

DateRangeBox組件用于Angular、React、Vue和jQuery，它允許您選擇一個日期范圍。功能包括：

• 掩碼輸入
• 自定義彈出窗口和日歷
• 輸入標簽和樣式模式
• 值模式
• 輸入驗證

Data Grid和Tree List

自定義列選擇器

新的屬性允許用戶在Column Chooser窗口中配置選擇選項，可用的選項包括：

• 遞歸選擇
• 選擇所有
• 通過單擊列的標簽選擇列

您可以指定一個搜索配置對象來自定義Column Chooser中的搜索。

我們的新屬性允許您指定Column Chooser顯示的位置。

數據過濾 - UI自定義

在數據網格、透視網格、樹列表、甘特圖中自定義標題過濾器

在新版本中可以自定義列標題過濾器中的搜索選項和搜索框的外觀，您可以將搜索框設置為TextBox組件，指定比較規則和超時/延遲(以毫秒為單位)。

使用方法全局配置搜索設置，或者使用 配置對象對單個列進行更改，使屬性配置Pivot網格中的搜索設置。

數據可視化

圖表 - 顏色漸變和圖案

您現在可以自定義樣式和應用漸變、模式和圖像到DevExpress圖表組件。

使用方法來聲明線性和徑向梯度樣式，使用 方法來聲明圖案和圖像樣式，這些方法為聲明的樣式返回一個唯一的id。在系列/點顏色對象中，指定標簽和連接器的基本顏色，并將生成的id應用于fillId字段。

您還可以使用選項來突出顯示懸停和選擇的系列。

圖表 - 自定義系列標簽位置

新方法允許您在其默認位置的指定偏移量處顯示系列標簽。

儀表 - 顯示自定義SVG內容

使用屬性在Gauge組件中顯示自定義SVG內容。

BarGauge -支持“Shift”模式來解決重疊的標簽

如果BarGauge顯示多個相鄰的值，則對應的標簽可能重疊。使用屬性來指定BarGauge組件如何修改標簽的位置或可見性，可用的選項包括：

• Shift
• Hide
• None

在Shift模式下，BarGauge在必要時自動移動標簽。