Перейти к основному содержимому

Создание поля ввода со множественным выбором

Поле ввода со множественным выбором представляет собой прокручиваемый список вариантов с флажками. Пользователь делает выбор, устанавливая или снимая флажки для нужных элементов списка. В начале списка отображается поле для поиска и фильтрации значений списка.

Для включения режима множественного выбора задайте тип данных для поля ввода как Массив<Тип>, например:

Тип: ПолеВвода<Массив<Строка>>

Множественный выбор также поддерживается для следующих типов и их объединений:

  • <имя-сущности>.Ссылка;
  • <имя-контракта-сущности>.Ссылка;
  • Перечисление.

Использование Перечисления и Справочника для задания элементов выбора в поле ввода​

Чтобы использовать перечисление и справочник в качестве источников данных для элементов списка, укажите следующий тип данных для поля ввода:

# Для справочника:
Тип: ПолеВвода<МойСправочник.Ссылка?>
# Для перечисления:
Тип: ПолеВвода<МоеПеречисление?>
# Для справочника и перечисления
Тип: ПолеВвода<МоеПеречисление|МойСправочник.Ссылка|?>

В примере ниже показано, как создать поле выбора языков программирования, изображенное на рисунке выше. Для заполнения списка значений используются элементы перечисления «ЯзыкПрограммирования».

Тип: ПолеВвода<ЯзыкПрограммирования>
Имя: ПолеВыбораЯзыкаПрограммирования
Заголовок: Языки программирования
ЗамещающийТекст: Выберите языки программирования

Перечисление «ЯзыкПрограммирования» определено следующим образом:

ВидЭлемента: Перечисление
Ид: b321c31f-4a37-4136-bb1c-56cae9892897
Имя: ЯзыкПрограммирования
ОбластьВидимости: ВПодсистеме
Элементы:
    -
        Ид: 3d357777-399c-4946-b97b-7e5effafcefb
        Имя: Python
        Представление: Python
    -
        Ид: f9bbfe05-21e6-4a1d-b87a-2d0f1b071da0
        Имя: Java
        Представление: Java
    -
        Ид: 09c77530-4c0a-4391-9146-2346084d969e
        Имя: JavaScript
        Представление: JavaScript
    -
        Ид: 7f3c0c70-9015-4bc2-8347-8a4116b3533c
        Имя: CSharp
        Представление: С#
    -
        Ид: 4d26861c-cc43-4638-a4da-30229343e023
        Имя: Cpp
        Представление: C++

Использование свойства СписокВыбора для задания элементов выбора в поле ввода​

Вы можете использовать свойство СписокВыбора компонента ПолеВвода, чтобы указать элементы списка выбора.

Пример ниже использует массив строк для заполнения списка выбора языков программирования.

Тип: ПолеВвода<Массив<Строка>>
Имя: ПолеВыбораЯзыкаПрограммирования
Заголовок: Языки программирования
ЗамещающийТекст: Выберите языки программирования
СписокВыбора:
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: Python
      Представление: Python
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: Java
      Представление: Java
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: CSharp
      Представление: C#
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: Cpp
      Представление: C++
дополнительно

При привязке значений для свойства СписокВыбора через биндинг необходимо указывать тип значений для поля ввода как Массив<Тип?>, например:

Тип: ПолеВвода<Массив<Строка?>>
Заголовок: Выбор строк
СписокВыбора: =ПолучитьСтрокиВыбора()

См. также​

Последнее обновление