DataGrid: Add AI-powered Detail View Demo Desc. - #34878
Open
arman-boyakhchyan wants to merge 2 commits into
Open
Conversation
markallenramirez
approved these changes
Aug 24, 2026
khamlyuk
reviewed
Sep 1, 2026
| @@ -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. | |||
Contributor
There was a problem hiding this comment.
Suggested change
| 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 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 so that you can analyze data using natural language. To start working with an AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. |
| 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. | ||
|
|
||
| <!--split--> | ||
| 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. |
Contributor
There was a problem hiding this comment.
Suggested change
| 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. | |
| This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate 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. |
| <!--split--> | ||
| 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. |
Contributor
There was a problem hiding this comment.
Suggested change
| 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. | |
| To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.