Как создать двойные раскрывающиеся списки в Blazor C#?C#

Место общения программистов C#
Ответить Пред. темаСлед. тема
Гость
 Как создать двойные раскрывающиеся списки в Blazor C#?

Сообщение Гость »


У меня есть код в блоке 1, который заполняет номера телефонов из списка. Блок 2 предназначен для кнопки «Добавить номер телефона», а блок 3 — для кнопки «Продолжить».


Изображение


Он написан на VB с использованием ASP.NET MVC, но его необходимо переписать на C# с использованием Blazor. Элемент управления LabelFor мне недоступен, и я не понимаю, что делает код функции Function(m) m.PhoneNumbers, New With {.class = "pi-item-label".

PhoneNumbers — это List, а PhoneNumberModel находится здесь:

Открытый класс PhoneNumberModel Открытая собственность PhoneNumberID до тех пор, пока Открытое свойство PhoneTypeID как целое число Публичное имя PhoneTypeName как строка Открытое свойство PhoneTypeList как список (из SelectListItem) Открытая собственность DialNumber как строка Конечный класс При каждом отображении создается два (2) раскрывающихся списка: один для типа телефона и один для номера набора.


Изображение


Как мне продублировать это на странице C# Blazor?
Обновление:
Я все еще застрял на этом. Кажется, ничего из того, что я пробовал, не работает.

Вот код VB в MVC с некоторыми ориентирами для кода C#:


Изображение


Вот код C# в Blazor с такими же выделенными областями:


Изображение


Вот как мой результат выглядит с помощью кода C#:


Изображение


Есть ли очевидные вещи, которые я делаю неправильно?
Решение:
Используя принятое ниже решение, мне удалось заставить его работать. Мне потребовалось некоторое время, чтобы сделать его красивым, и вот мои результаты:


Изображение


Это привело к текущему результату:


Изображение


Я все еще пытаюсь выяснить, почему кнопки [Добавить] и [Продолжить] не находятся на одной строке, но это не должно занять слишком много времени.
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «C#»