Released: Jul 2, 2025

25.1 での更新項目

機能

JavaScript Components

New CardView Component

• DevExtreme v25.1 ships with a new CardView UI component - an elegant alternative to traditional data grids. The CardView UI component presents business data/information using a "card" layout, making it an ideal option for employee directories, contact lists, product catalogs, or task boards.
• Header Panel - Header Panel allows users to execute the following actions:
  • Sorting. Click on the header panel item to sort cards.
  • Reordering. You can drag header panel items to reorder fields in cards. The dragging indicator displays which drop areas are valid and which are not.
  • Filtering. Click the filter icon to access a dropdown for value selection.
  • Column visibility control. You can control card field visibility by dragging header panel items into the Column Chooser (when using drag-and-drop mode).

New Stepper Component

• DevExtreme Stepper displays progress as users move through multi-step processes and forms. The component is ideal for checkouts, onboarding forms, set-up wizards, and more.

HTML Editor - AI-powered Text Editing

• With v25.1, users can now apply predefined and custom AI prompts to selected text or entire content. The "ai" toolbar item includes the following predefined commands:
  • Summarize.
  • Proofread.
  • Expand.
  • Shorten.
  • Change style.
  • Change tone.
  • Translate.
  • Ask AI assistant.

DataGrid and TreeList Enhancements

• As part of a broader commitment to full standard compliance and delivering the best possible user experience for everyone, DevExpress focused on multiple accessibility enhancements during the v25.1 release cycle.
• Cell and row navigation shortcuts - Both the DevExtreme DataGrid and TreeList support new shortcuts for quick navigation through cells and rows.
• Column reordering - You can now move DataGrid/TreeList column to the left or right of its current position using context menu items or corresponding shortcuts.
• Grouping/Ungrouping - The DataGrid now supports column grouping/ungrouping using context menu items or corresponding shortcuts.

Chat Enhancements

• Editing and Deleting Messages - v25.1 introduces message editing/deleting capabilities. The Chat instance owners (chat.user) can edit and delete his or her own messages but cannot modify those of others. To modify a message, right-click it or long tap on a mobile device. A context menu with "Edit" and "Delete" buttons will appear on-screen. When editing, message content appears in the input field. To simplify edit operations, a preview above the input is used to display the original message.
• Image Rendering - Configuring image display within messages is now simpler than ever. You no longer need to use a template to programmatically display an image inside a message. To render an image within a message programmatically, simply set message type to "image" and specify the src for the image.

Scheduler - Toolbar Customization

• v25.1 adds a fully customizable toolbar to the DevExtreme Scheduler. Configuration options include:
  • Predefined Elements: Select and arrange built-in elements.
  • DevExtreme Components: Add components such as Button or Checkbox.
  • Custom Elements: Define templates for custom items.

Map - Custom Route Modes

• With this update, DevExtreme Map allows you to set custom route options for multiple transportation modes.

Accessibility

• DevExtreme Scheduler ships with the following accessibility-related enhancements:
• Improved Status messages: When you focus the Scheduler, it now reads the component name, current view, visible date range, and whether the time indicator is present. This change allows screen readers to communicate component state changes to users.
• Screen readers can now pronounce resources for Scheduler appointments.
• Improved appointment editing window. Screen readers can now pronounce all elements within the window.

Standalone Angular Components Support

• Angular introduced standalone components in v14. With v19, default components created with Angular CLI are now standalone. Accordingly, DevExpress transitioned from modules to standalone components across the entire DevExtreme Angular component line. Standalone Angular components allow you to only import required components and directives, without creation or maintenance of NgModules. DevExpress also moved to standalone components in the DevExtreme CLI Angular application.

Create React Applications with Vite and Next.js

• Previously, DevExtreme CLI used create-react-app (CRA) as its build tool for React applications. In February 2025, CRA was deprecated. With this update (DevExtreme v25.1), DevExpress switched from CRA to Vite. They also added Next.js support when creating DevExtreme React application. If you require a straightforward/simple build tool for your lightweight DevExtreme React application, choose Vite. Next.js, in contrast, is a React framework with features such as built-in routing, server-side rendering, and static site generation. Next.js is ideal for building advanced applications.