You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Report Viewer and Data Grid for Blazor — Integrate an AI Assistant based on Azure OpenAI
6
+
# Report Viewer and Grid for Blazor — Integrate an AI Assistant based on Azure OpenAI
7
7
8
-
This example integrates an AI assistant into DevExpress Blazor Components. User requests and assistant responses are displayed on-screen using the [DevExpress Blazor AI Chat](http://docs.devexpress.com/Blazor/DevExpress.AIIntegration.Blazor.Chat.DxAIChat?v=24.2) component.
8
+
This example integrates an AI assistant to DevExpress Blazor Components. User requests and assistant responses are displayed on-screen using the [DevExpress Blazor AI Chat](http://docs.devexpress.com/Blazor/DevExpress.AIIntegration.Blazor.Chat.DxAIChat?v=24.2) component.
9
9
10
10
With an AI Assistant integrated in our AI-chat component, you can filter and manipulate data, generate document summaries, and ask context-aware questions about report content, table data, and more — all within the user interface.
11
11
@@ -14,25 +14,29 @@ This example demonstrates the following DevExpress Blazor Components:
14
14
-[Blazor Data Grid](https://www.devexpress.com/blazor/data-grid/)
15
15
16
16
The Grid is bound to a project management data that tracks tasks or issues across various projects. It includes details like task subject, owner and assignee, status, priority, and key dates (created, modified, fixed). You can ask the AI Assistant questions about task data:
17
-
- What tasks should the team focus on first?
18
-
- How many tasks are currently marked as New?
19
-
- What tasks are of the highest priority for Mike Roller?
17
+
- What tasks should the team focus on first?
18
+
- How many tasks are currently marked as New?
19
+
- What tasks are of the highest priority for Mike Roller?
20
+
21
+
Implementation details: [Add an AI Assistant to Blazor Grid](#add-an-ai-assistant-to-grid).
The Report Viewer presents multiple reports bound to different data sources. The available reports include:
24
26
25
27
- The *Drill-Down Report* displays invoices where the expandable/collapsible sections list purchased products. You can ask the AI Assistant: Which invoice has the highest total order value? How many orders are currently in transit, pending, or delivered? What is the average order value per invoice?
26
-
- The *Market Share Report* includes sales figures, changes from the prior year, and current market share percentages for various regions and countries across different time periods. ou can ask the AI Assistant: Which region had the highest market share in September? How did market share change for India? How does Canada’s market share growth compare to the USA’s?
27
-
- The *Restaurant Menu* includes multiple groups, each group represents a different category and sub-category of meals and beverages. ou can ask the AI Assistant: What are the price ranges for the menu items? Are there any vegetarian or non-meat options on this menu?
28
-
29
-
To navigate to page with the component, click in the corresponding card on the root page:
28
+
- The *Market Share Report* includes sales figures, changes from the prior year, and current market share percentages for various regions and countries across different time periods. You can ask the AI Assistant: Which region had the highest market share in September? How did market share change for India? How does Canada’s market share growth compare to the USA’s?
29
+
- The *Restaurant Menu* includes multiple groups, each group represents a different category and sub-category of meals and beverages. You can ask the AI Assistant: What are the price ranges for the menu items? Are there any vegetarian or non-meat options on this menu?
30
30
31
-

31
+
Implementation details: [Add an AI Assistant to Blazor Report Viewer](#add-an-ai-assistant-to-report-viewer).
32
32
33
33
>[!TIP]
34
34
> Please note that AI Assistant initialization takes time. The assistant tab appears once Microsoft Azure scans the source document (i.e., grid or report data) on the server side.
35
35
36
+
To navigate to a page with the component, click on the corresponding card on the root page:
37
+
38
+

39
+
36
40
## Implementation Details
37
41
38
42
### Register AI Services
@@ -75,7 +79,7 @@ For more information on AI Assistants, refer to the following topic: [AI Service
75
79
76
80
### Add an AI Assistant to Grid
77
81
78
-
The following image displays page with `DxGrid` and `DxAIChat` components implemented in this example:
82
+
The following image displays a page with `DxGrid` and `DxAIChat` components implemented in this example:
79
83
80
84

0 commit comments