具有主详细信息的 Blazor Grid

Question

我正在 Blazor(.net wasm) 中为大学做一些项目，并且有一些页面应该实现学生的主从视图。 对于表格外观和分页，我使用了 BlazorGrid，它很棒，但现在卡住了，因为单击学生姓名时我无法在表格中插入新行。有谁知道如何在 Blazor 中执行此操作或其他一些分页方式。

BlazorGrid 上的链接 git https://github.com/AnkitSharma-007/BlazorGrid

这是我的屏幕图片，单击姓名后，我想显示有关学生的更多详细信息，但我现在能做的最好的就是将其显示在桌子上（你好，aaaooooo）。我想要的是你好，aaaaoooo 在我点击学生姓名后的行下 screen of my app

Answer 1

1. 要添加新学生，您可以在学生网格正上方放置一个按钮控件创建学生。当使用单击此按钮时，将显示一个新视图，其中包含用于收集学生详细信息的控件。当点击保存按钮时，新的学生记录应添加到数据存储中，并执行到学生网格的导航，显示所有学生，包括添加的学生。
2. 要在学生记录下方显示学生的详细信息，您可以执行以下操作： A. 创建一个 StudentDetails 组件以显示学生的详细信息。该组件可以是模板化组件，其结构类似于 StudentGrid。它应该放在 GridRow 的末尾。现在，当用户单击学生姓名时，所选学生的 StudentDetails 组件应显示在 Student Row 下方。有很多方法可以实现这一点。例如，要在 StudentDetails 中创建 Parameter 属性，传递所选学生的学生 ID，检索学生的详细信息并显示它们等等。

注意：有很多方法可以实现您的要求。有些很复杂，有些则不那么复杂。在我看来，您应该创建一个 State 类，其职责应该是检索和处理数据，以及事件和事件通知，以及其主要目标应该限于呈现 (UI) 的组件。

希望对你有帮助……