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

DevExpress JS & ASP.NET Core v24.2已全新發(fā)布，新版本新增全新的分頁組件、增強DataGrid功能等，歡迎下載最新版組件體驗！

DevExpress技術(shù)交流群11：749942875      歡迎一起進群討論

全新的分頁組件

v24.2附帶了一個新的分頁UI組件。

主要特性/功能包括：

• 頁面導航器：控制各個頁面之間的移動，您可以根據(jù)需求顯示/隱藏導航按鈕。
• 頁面大小選擇器：控制每頁上顯示的記錄數(shù)量，您可以將屬性設置為指定可用頁面大小的數(shù)字數(shù)組。
• 頁面信息：顯示當前頁數(shù)和總記錄數(shù)，您可以指定 來設置初始打開的頁面。
• 響應式設計：組件根據(jù)可用的屏幕尺寸調(diào)整其布局，支持完整、緊湊和自適應模式。
• 支持從右到左。
• 可訪問性和鍵盤導航支持：完全訪問集成鍵盤導航支持。

DataGrid & TreeList

Sticky列

DevExtreme DataGrid和TreeList都提供了固定列支持（允許您將列固定到表格的邊緣）。

在先進的CSS定位工具出現(xiàn)之前，DevExtreme固定列設置使用兩個單獨的表。在v24.2中，官方徹底改變了這種機制：固定列現(xiàn)在集成到主表中。

這次更新還為屬性引入了一個新值：sticky。Sticky列最初表現(xiàn)為常規(guī)列，當水平滾動時，它們會附著在表格的左右邊緣，這通過始終保持關(guān)鍵信息可見來增強可用性。

用于固定列的上下文菜單現(xiàn)在包含用于各種固定位置的圖標。

UI/UX & API

Tabs/TabPanel/List - onSelectionChanging事件

DevExtreme Tabs、TabPanel和List有一個共同的特性：可選擇項。

目前這些組件包括事件，一旦選擇完成并且選項更新，該事件就會觸發(fā)。

v24.2為前面提到的UI組件包含了一個新的事件，該事件有助于更有效地跟蹤選擇更改，并包含一個cancel屬性（布爾值或JS Promise）。

事件的主要目的是在特定的使用條件下啟用選項卡/項切換。如果不滿足條件，可以使用cancel屬性阻止開關(guān)。常見的情況包括：

• 用戶通過彈出對話框確認切換到另一個選項卡/項。
• 在當前選項卡上運行驗證的結(jié)果。
• 切換到另一個項目遵循指定的順序，例如當用戶按順序在選項卡/項之間切換時。
• 與當前組件無關(guān)的其他自定義條件。

TabPanel/MultiView - 項目可見性選項

DevExtreme TabPanel和MultiView為單個項目添加了一個新的可見屬性，此功能允許您管理項目在運行時是否可見。

Angular

<dx-tab-panel>
<dxi-item [visible]="false"></dxi-item>
</dx-tab-panel>

React

export default function App() {
return (
<TabPanel>
<Item visible={false} />
</TabPanel>
);
}

Vue

<DxTabPanel>
<DxItem :visible="false" />
</DxTabPanel>

jQuery

const tabPanel = $('#tabpanel').dxTabPanel({
items: [{ visible: false, }],
}).dxTabPanel('instance');

數(shù)據(jù)源 - 區(qū)分大小寫過濾

在v23.1中，官方發(fā)布了用于數(shù)據(jù)源的。此屬性可用于包含特定于語言的參數(shù)，以便在客戶端上執(zhí)行排序和篩選操作。

此更新包括了langParams選項的大小寫敏感性。如下圖所示，在使用支持數(shù)據(jù)源（如DataGrid）的DevExtreme UI組件時，現(xiàn)在可以引入?yún)^(qū)分大小寫的過濾。

HTML編輯器 - 高級格式轉(zhuǎn)換

以前，DevExtreme HTML編輯器包括基本的HTML和Markdown轉(zhuǎn)換支持（通過showdown/turndown依賴）。

在v24.2中，官方刪除了此功能，并添加了用于自定義轉(zhuǎn)換的轉(zhuǎn)換器選項。例如，Markdown缺乏劃線支持（valueType=" Markdown "的HTML Editor不提供此選項）。您現(xiàn)在可以使用統(tǒng)一的：remark-gfm插件將此功能引入到您的DevExtreme驅(qū)動的應用程序中，統(tǒng)一提供了許多靈活和增強格式化的插件。

此更新允許對HTML編輯器相關(guān)的格式化操作進行更大的控制/選項，您甚至可以添加對其他格式（如YAML）的支持，只需要一個HTML之間的轉(zhuǎn)換器。

更多產(chǎn)品資訊及授權(quán)，歡迎來電咨詢：023-68661681

關(guān)于慧都科技

慧都是?家?業(yè)數(shù)字化解決?案公司，專注于軟件、?油與?業(yè)領(lǐng)域，以深?的業(yè)務理解和?業(yè)經(jīng)驗，幫助企業(yè)實現(xiàn)智能化轉(zhuǎn)型與持續(xù)競爭優(yōu)勢。

慧都是DevExpress的中國區(qū)的合作伙伴，DevExpress作為用戶界面領(lǐng)域的優(yōu)秀產(chǎn)品，幫助企業(yè)高效構(gòu)建權(quán)限管理、數(shù)據(jù)可視化（如網(wǎng)格/圖表/儀表盤）、跨平臺系統(tǒng)（WinForms/ASP.NET/.NET MAUI）及行業(yè)定制解決方案，加速開發(fā)并強化交互體驗。