带有主细节的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组件应显示在“学生行”下方。有很多方法可以实现这一点。例如，要在StudentDetails中创建Parameter属性，传递所选学生的Student ID，检索学生的详细信息并显示它们等，等等。

注意：有很多方法可以实现您的需求。有些比较复杂，有些则更少。我认为您应该创建一个State类，其职责应是检索和处理数据以及事件和事件通知，以及应将主要目标限制在表示（UI）中的组件。

希望这对您有帮助...