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和下一代移動(dòng)應(yīng)用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。

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

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

全新的DateRangeBox組件

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

• 掩碼輸入
• 自定義彈出窗口和日歷
• 輸入標(biāo)簽和樣式模式
• 值模式
• 輸入驗(yàn)證

Data Grid和Tree List

自定義列選擇器

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

• 遞歸選擇
• 選擇所有
• 通過單擊列的標(biāo)簽選擇列

您可以指定一個(gè)搜索配置對(duì)象來自定義Column Chooser中的搜索。

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

數(shù)據(jù)過濾 - UI自定義

在數(shù)據(jù)網(wǎng)格、透視網(wǎng)格、樹列表、甘特圖中自定義標(biāo)題過濾器

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

使用方法全局配置搜索設(shè)置，或者使用 配置對(duì)象對(duì)單個(gè)列進(jìn)行更改，使屬性配置Pivot網(wǎng)格中的搜索設(shè)置。

數(shù)據(jù)可視化

圖表 - 顏色漸變和圖案

您現(xiàn)在可以自定義樣式和應(yīng)用漸變、模式和圖像到DevExpress圖表組件。

使用方法來聲明線性和徑向梯度樣式，使用 方法來聲明圖案和圖像樣式，這些方法為聲明的樣式返回一個(gè)唯一的id。在系列/點(diǎn)顏色對(duì)象中，指定標(biāo)簽和連接器的基本顏色，并將生成的id應(yīng)用于fillId字段。

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

圖表 - 自定義系列標(biāo)簽位置

新方法允許您在其默認(rèn)位置的指定偏移量處顯示系列標(biāo)簽。

儀表 - 顯示自定義SVG內(nèi)容

使用屬性在Gauge組件中顯示自定義SVG內(nèi)容。

BarGauge -支持“Shift”模式來解決重疊的標(biāo)簽

如果BarGauge顯示多個(gè)相鄰的值，則對(duì)應(yīng)的標(biāo)簽可能重疊。使用屬性來指定BarGauge組件如何修改標(biāo)簽的位置或可見性，可用的選項(xiàng)包括：

• Shift
• Hide
• None

在Shift模式下，BarGauge在必要時(shí)自動(dòng)移動(dòng)標(biāo)簽。