带主从的 Blazor 网格

Blazor Grid with master-detail

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

Link 在 BlazorGrid git https://github.com/AnkitSharma-007/BlazorGrid

这是我的屏幕图片,点击姓名后我想显示更多关于学生的详细信息,但我现在能做的最好的事情就是直接显示给 table(你好,aaaooooo)。我想要的是你好,aaaaoooo 在我单击学生姓名后的行下 screen of my app

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

注意:有很多方法可以实现您的要求。有些很复杂,有些则不那么复杂。在我看来,您应该创建一个状态 class,其职责应该是检索和处理数据,以及事件和事件通知,以及主要 objective 应该仅限于展示的组件(UI ).

希望这对您有所帮助...