Blazor Grid с мастер-деталью

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

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

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


.net blazor blazor-server-side webassembly razor
person mitotomi    schedule 03.01.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

person enet    schedule 04.01.2019