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 v21.1 正式版日前已發(fā)布，此版本持續(xù)增強(qiáng)了傳統(tǒng)Data Grid、Tree List控件的性能，歡迎點(diǎn)擊下載最新版體驗(yàn)！

Data Grid

導(dǎo)出為 PDF (CTP)

導(dǎo)出到 PDF API 現(xiàn)在包括以下選項(xiàng)/功能：

• 所見即所得導(dǎo)出為 PDF
• 自適應(yīng)頁面
• 多頁導(dǎo)出
• 文字環(huán)繞
• 進(jìn)度指示
• 單元格內(nèi)容、格式和外觀自定義選項(xiàng)

Data Grid & Tree List

增強(qiáng)Pager功能

v21.1包括以下與Pager相關(guān)的增強(qiáng)功能：

• 新的 屬性，此屬性指定 pager的顯示布局：完整、緊湊或自適應(yīng)。
• 頁面大小選擇器現(xiàn)在可以在頁面上顯示 'All'記錄 ()。

編輯 API 增強(qiáng)功能

您現(xiàn)在可以使用聲明性綁定在 Angular、React 和 Vue 應(yīng)用程序中插入新行。

將新行添加到指定位置 (CTP)

您現(xiàn)在可以在列表中的任何位置（第一個、最后一個或自定義位置）插入新行。

Diagram

通過 ID 或鍵獲取圖表形狀或連接器

此版本允許您通過其內(nèi)部標(biāo)識符 () 或數(shù)據(jù)鍵 () 獲取圖表形狀或連接器。

新的形狀屬性包括有關(guān)容器的信息：

• - 獲取容器內(nèi)的形狀標(biāo)識符。
• - 獲取容器是否展開。
• - 獲取具有形狀的容器標(biāo)識符。

遍歷圖表形狀和連接器

使用新的 方法獲取所有圖表項(xiàng)目（形狀和連接器）的數(shù)組。

選擇形狀和連接器

v21.1 包括以下 API 增強(qiáng)功能：

• - 返回選定的圖表形狀和連接器。
• - 選擇指定的圖表形狀和連接器。

滾動到項(xiàng)目

使用新的 方法將繪圖畫布滾動到指定的圖表項(xiàng)。

ES6 模塊

DevExtreme 的 npm 發(fā)行版現(xiàn)在包含 ES6 模塊，這些模塊有助于優(yōu)化 Tree Shaking 并減少生產(chǎn) JS 包的大小，我們的內(nèi)部測試表明捆綁包大小減少了 15-25%。

通過此更新，您還可以使用不支持 CommonJS 模塊格式且僅適用于 ES6 模塊的現(xiàn)代 JS 封裝器。

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