Blazor Grid с мастер-деталями - PullRequest
Новая
       39

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

0 голосов
/ 04 января 2019

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

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

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

1 Ответ

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

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

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

...