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

Настройка свойств компонента экранной формы

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

Чтобы определить свойства компонента экранной формы:

  1. В проекте выберите файл с расширением mdcontainer, соответствующий экранной форме, на которой вы хотите определить свойства компонента.

  2. В визуальном режиме Редактора Форм, который открывается, в рабочей области выберите компонент.

    Справа на панели Свойства и события отображаются свойства компонента со значениями Not used.

    Обязательные свойства компонента сгруппированы, имеют индикацию в виде красной точки и отображаются в списке свойств выше необязательных свойств.

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

    В верхней части панели Свойства и события (выше блока Свойства) отображаются свойства, которые вы можете изменить в режиме Low-code. Например, вы можете сделать компонент невидимым, нажав значок UG_invisible_icon.png в строке Visible. Эта возможность доступна для следующих компонентов:

    • Button;
    • CheckBox;
    • Link;
    • RadioButton;
    • Switch.

    Компоненты, для которых свойство видимости отключено, отображаются в визуальном режиме Редактора Форм в виде контура и значка UG_invisible_icon.png в центре.

  3. Из раскрывающегося списка, который отображается по нажатию имени свойства, выберите один из следующих типов значений свойства и введите значение в отобразившееся поле ввода:

    • const: укажите константу в качестве значения свойства.
    • var: выберите переменную из списка ранее определенных переменных состояния экранной формы или выберите элемент источника данных, созданный для этой экранной формы.
    • func: введите функцию на JavaScript. В этом поле ввода доступны стандартные возможности редактора кода Monaco Editor, например, подсветка ошибок синтаксиса, раскрытие и скрытие блоков кода.

    • dict: выберите имя словаря и ключ записи в словаре для подстановки локализованного значения свойства, например, свойства Text.

    Если вы указали значение свойства неверно, в списке свойств имя этого свойства отображается красным шрифтом и со значком индикации ошибки. На экранной форме в области компонента с ошибочным свойством также отображается значок индикации ошибки.

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

    подсказка

    Для настройки свойств компонента DataGrid вы можете воспользоваться специальной инструкцией.

  4. Вверху справа нажмите Сохранить.

к сведению

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

Теперь вы можете описать обработчики событий или изменить обработчики событий для компонента.

Связанные статьи

Создание и инициализация переменной состояния экранной формы

Отображение данных в области компонента Select

Отображение данных в области компонента DataGrid

Отображение данных в области компонента Tree