Blazor Grid с мастер-деталями

Question

Я делаю какой-то проект для колледжа в Блазоре (.net wasm), и у меня есть страница, которая должна реализовывать мастер-детальный вид студентов. Для просмотра таблицы и разбивки на страницы я использовал BlazorGrid, и это было здорово, но сейчас я застрял, потому что я не могу вставить новую строку в таблицу при нажатии на имя студента. Кто-нибудь знает, как сделать это или какой-то другой способ сделать нумерацию страниц в Blazor.

Ссылка на BlazorGrid git https://github.com/AnkitSharma-007/BlazorGrid

и это картинка моего экрана, после нажатия на имя, я хочу показать больше подробностей о студенте, но лучшее, что я мог сделать сейчас, это показать его прямо на столе (привет, ааааааа). Я хотел бы, чтобы привет, aaaaoooo находится под строкой после того, как я щелкнул имя экрана студента моего приложения

Answer 1

1. Чтобы добавить нового студента, вы можете поместить кнопку " Создать ученика" прямо над сеткой учеников. Когда пользователь нажимает эту кнопку, отображается новое представление с элементами управления для сбора сведений об ученике. При нажатии кнопки " Сохранить" новая запись об ученике должна быть добавлена ​​в хранилище данных, и должна быть выполнена навигация к таблице учеников, отображая всех учеников, включая добавленного.
2. Чтобы отобразить сведения об ученике под записью ученика, вы можете сделать следующее: A. Создать компонент StudentDetails для отображения сведений об ученике. Этот Компонент может быть Шаблонным Компонентом, похожим по структуре на Student Grid. И это должно быть размещено в конце GridRow. Теперь, когда пользователь щелкает имя ученика, компонент StudentDetails для выбранного ученика должен отображаться под строкой ученика. Есть много способов реализовать это. Например, чтобы создать свойство Parameter в StudentDetails, передайте идентификатор студента выбранного ученика, получите сведения об ученике и отобразите их и т. Д. И т. Д. И т. Д.

Примечание. Существует множество способов реализации ваших требований. Некоторые из них сложнее, другие меньше. По моему мнению, вы должны создать класс State, в обязанности которого входит получение и обработка данных, а также событий и уведомлений о событиях, а также компонентов, основная цель которых должна быть ограничена представлением (UI).

Надеюсь это поможет...