DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。
DevExtreme v21.1 正式版日前已發佈，此版本持續增強了傳統Data Grid、Tree List控件的性能，歡迎點擊下載最新版體驗！
Data Grid
導出爲 PDF (CTP)
導出到 PDF API 現在包括以下選項/功能：
- 所見即所得導出爲 PDF
- 自適應頁面
- 多頁導出
- 文字環繞
- 進度指示
- 單元格內容、格式和外觀自定義選項
Data Grid & Tree List
增強Pager功能
v21.1包括以下與Pager相關的增強功能：
- 新的 pager.displayMode 屬性，此屬性指定 pager的顯示佈局：完整、緊湊或自適應。
- 頁面大小選擇器現在可以在頁面上顯示 'All'記錄 (pager.allowedPageSizes)。
編輯 API 增強功能
您現在可以使用聲明性綁定在 Angular、React 和 Vue 應用程序中插入新行。
將新行添加到指定位置 (CTP)
您現在可以在列表中的任何位置（第一個、最後一個或自定義位置）插入新行。
Diagram
通過 ID 或鍵獲取圖表形狀或連接器
此版本允許您通過其內部標識符 (getItemById) 或數據鍵 (getItemByKey) 獲取圖表形狀或連接器。
新的形狀屬性包括有關容器的信息：
- containerChildItemIds - 獲取容器內的形狀標識符。
- containerExpanded - 獲取容器是否展開。
- containerId - 獲取具有形狀的容器標識符。
遍歷圖表形狀和連接器
使用新的 getItems 方法獲取所有圖表項目（形狀和連接器）的數組。
選擇形狀和連接器
v21.1 包括以下 API 增強功能：
- getSelectedItems - 返回選定的圖表形狀和連接器。
- setSelectedItems - 選擇指定的圖表形狀和連接器。
滾動到項目
使用新的 scrollToItem 方法將繪圖畫布滾動到指定的圖表項。
ES6 模塊
DevExtreme 的 npm 發行版現在包含 ES6 模塊，這些模塊有助於優化 Tree Shaking 並減少生產 JS 包的大小，我們的內部測試表明捆綁包大小減少了 15-25%。
通過此更新，您還可以使用不支持 CommonJS 模塊格式且僅適用於 ES6 模塊的現代 JS 封裝器。
DevExpress技術交流羣3：700924826 歡迎一起進羣討論