From 2f3561f2dfaea5ecf4fe3632f2734199033d34e6 Mon Sep 17 00:00:00 2001 From: maliming Date: Fri, 10 Jul 2026 10:42:30 +0800 Subject: [PATCH] Correct React many-to-many note in Suite docs --- docs/en/suite/creating-many-to-many-relationship.md | 2 +- docs/en/suite/generating-crud-page.md | 2 +- docs/en/suite/index.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/en/suite/creating-many-to-many-relationship.md b/docs/en/suite/creating-many-to-many-relationship.md index 68450b813e..3892a81661 100644 --- a/docs/en/suite/creating-many-to-many-relationship.md +++ b/docs/en/suite/creating-many-to-many-relationship.md @@ -75,6 +75,6 @@ Click the **Navigations** tab. Then click the **Add navigation collection** butt The below image is the final page created by ABP Suite. The **new book** dialog has a **Categories** tab which lists all categories of the book and allows add/remove categories. -> **Note:** ABP Suite does not generate this many-to-many (navigation collection) page for React yet — it applies to the MVC, Blazor and Angular UI stacks. React CRUD generation for modern React UI solutions (`app/react`) covers fields, navigation-property lookups and master-detail relationships; for many-to-many UI, ABP license holders can use the [ABP Studio AI Agent](https://abp.io/studio/ai-agent) with predefined AI credits. +> **Note:** For modern React UI solutions (`app/react`), ABP Suite generates the navigation collection as an inline multi-select on the entity's create/edit dialog — add or remove connected records, pre-selected when editing an existing record, and available as a list filter — alongside the MVC, Blazor and Angular UI stacks. ![navigation-collection-books-page](../images/navigation-collection-books-page.8.1.png) diff --git a/docs/en/suite/generating-crud-page.md b/docs/en/suite/generating-crud-page.md index 8858f9d808..49803544fa 100644 --- a/docs/en/suite/generating-crud-page.md +++ b/docs/en/suite/generating-crud-page.md @@ -110,7 +110,7 @@ To create a new entity, make sure the *-New entity-* is selected in the **Entity * **Create user interface:** Creates pages, modals, components, `JavaScript`, `CSS` files and adds the new page to the main menu. If you don't have a requirement to manage the entity via user interface, you can uncheck this option. - > **Note:** For modern React UI solutions (`app/react`), this option also generates and registers React CRUD pages, alongside the MVC, Blazor and Angular UI stacks. React generation is template-based and does not use AI, and it does not cover many-to-many navigation collections yet. + > **Note:** For modern React UI solutions (`app/react`), this option also generates and registers React CRUD pages, alongside the MVC, Blazor and Angular UI stacks. React generation is template-based and does not use AI. > **Blazor UI library:** For Blazor solutions, the generated UI matches the underlying Blazor component library. Solutions that reference `Volo.Abp.MudBlazorUI` produce pages built around `MudDataGrid`, `MudDialog`, `MudForm` and the rest of the [MudBlazor](https://mudblazor.com) controls; Blazorise-based solutions keep emitting the original `DataGrid` / `Modal` / `Validations` markup. ABP Suite picks the variant automatically by scanning the Blazor project `.csproj` and shows the resolved value in the solution info tooltip — no extra switch is required. See the [Blazor UI library](index.md#blazor-ui-library) section for details. diff --git a/docs/en/suite/index.md b/docs/en/suite/index.md index 81c731841f..7bdaafc196 100644 --- a/docs/en/suite/index.md +++ b/docs/en/suite/index.md @@ -21,7 +21,7 @@ ABP Suite is a complementary tool to the ABP Platform. ABP Suite allows you to build web pages in a matter of minutes. -> **React UI:** ABP Suite also generates React CRUD pages for modern React UI solutions (`app/react`), in addition to the MVC, Blazor and Angular UI stacks. The generator is template-based and does not use AI. It covers the standard CRUD scenarios — navigation-property lookups, master-detail child grids, file upload, enums, filtering, Excel export and bulk delete — and registers the page in the React app's route configuration and menu. Many-to-many navigation collections are not generated for React yet; for those, ABP license holders can use the [ABP Studio AI Agent](https://abp.io/studio/ai-agent) with predefined AI credits. +> **React UI:** ABP Suite also generates React CRUD pages for modern React UI solutions (`app/react`), in addition to the MVC, Blazor and Angular UI stacks. The generator is template-based and does not use AI. It covers the standard CRUD scenarios — navigation-property lookups, many-to-many navigation collections, master-detail child grids, file upload, enums, filtering, Excel export and bulk delete — and registers the page in the React app's route configuration and menu. It's a .NET Core Global tool that can be installed from the command line. If you are using [ABP Studio](../studio/index.md), you don't even need to install it because it should already be installed, when you first installed the [ABP Studio](../studio/index.md).