From f5b50a3d9618c5632e33c51130525df122b46dc4 Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Wed, 19 Aug 2026 14:33:21 +0400 Subject: [PATCH 1/2] DataGrid: Add AI-powered Detail View Demo Desc. --- .../Demos/DataGrid/AIPoweredDetailView/description.md | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index a256396ee6f7..c8db96d3e3a7 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -1,8 +1,6 @@ -We plan to integrate AI-driven data exploration into the [DataGrid](https://js.devexpress.com/Documentation/Guide/UI_Components/DataGrid/Overview/)'s master-detail scenario. This new functionality allows users to analyze individual record data using natural language. - -In v25.2, we released the [AI column capability](https://www.devexpress.com/subscriptions/new-2025-2.xml#js-grids-ai-columns) for DataGrid. This feature introduced the ability to extend component data using an AI prompt. However, certain usage scenarios do not require generated data for every row. Instead, users may need on-demand data generation for specific rows. Our new AI detail scenario will offer this capability, which can significantly reduce AI token consumption and enhance data generation performance. +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. -Our new AI master-detail feature will also display generated content in a format better suited to longer, more in-depth insights. The capability will include a prompt-driven data analysis UI within DataGrid master-detail interfaces, spanning the full width of the component. +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. -Within the detail row, users will be able to ask questions about the active record and receive AI-generated insights. The AI assistant will be able to summarize record data, clarify complex values, highlight notable patterns, and obtain contextual information specific to the active record. +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. From b3e8021799aeea9a74b71f703e1895a0f3559c92 Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Wed, 19 Aug 2026 14:55:35 +0400 Subject: [PATCH 2/2] Add React Desc. Files for React-Specific Template Link --- .../Demos/DataGrid/AIPoweredDetailView/React/description.md | 6 ++++++ .../DataGrid/AIPoweredDetailView/ReactJs/description.md | 6 ++++++ 2 files changed, 12 insertions(+) create mode 100644 apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md create mode 100644 apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md new file mode 100644 index 000000000000..c8db96d3e3a7 --- /dev/null +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -0,0 +1,6 @@ +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. + + +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. + +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md new file mode 100644 index 000000000000..c8db96d3e3a7 --- /dev/null +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -0,0 +1,6 @@ +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. + + +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. + +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component.