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

Определение свойств компонента экранной формы

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

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

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

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

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

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

    к сведению

    Вы также можете определить свойства компонентов в Редакторе Форм в режиме редактирования кода. Информация о типах компонентов, которые можно добавить на экранную форму, и свойствах этих компонентов доступна по адресу https://<Multi-D_server_URL>/demo/p/ui-kit или в Справочнике компонентов экранных форм.

    Все следующие пункты этой инструкции относятся к визуальному режиму Редактора Форм.

  3. Укажите значения свойств компонента согласно требованиям к разрабатываемому приложению.

    Например, вы можете указать размеры, стили, применить локализованные названия компонентов.

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

    к сведению

    Часть свойств компонента DataGrid можно настроить только в окне, которое открывается по нажатию значка Настройка в верхней части этого компонента.

    Если вы хотите, чтобы данные, получаемые с помощью настроенного ранее источника данных на основе действия типа DataSet и GraphQL, отображались в области компонента DataGrid, выберите этот источник данных в окне настройки компонента DataGrid в поле Источник данных и настройте параметры получения данных. Для реализации этой возможности, выполните следующие действия:

    1. На экранной форме выберите компонент DataGrid и над компонентом нажмите значок Настройка.

    2. В окне Настройка DataGrid, которое открывается, нажмите кнопку справа от поля Источник данных.

    3. В окне Переменные, которое открывается, раскройте дерево объектов, относящихся к этому источнику данных, и выберите объект в зависимости от источника данных:

      • источник данных на основе действия типа DataSet: выберите объект load;
      • источник данных на основе действия типа GraphQL: выберите объект items.

    4. Внизу окна Переменные нажмите Выбрать.

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

    В списке Столбцы вы можете удалить или добавить атрибут, а также настроить параметры отображения данных этого атрибута.

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

    • <имя источника данных>.load.<имя атрибута>, где <имя атрибута> — имя атрибута из раздела OutputModel в окне настройки действия, которое указано в качестве параметра для выбранного источника данных;
    • <имя источника данных>.<имя события>, где <имя события> — имя события, перечисленного на вкладке События выбранного источника данных.

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

  4. Необязательное действие: вы можете просмотреть экранную форму при использовании заданных свойств компонентов. Для этого в верхней части рабочей области нажмите Просмотреть.

    Чтобы выйти из режима просмотра экранной формы, в верхнем правом углу рабочей области нажмите значок Закрыть.

  5. В верхнем правом углу рабочей области нажмите Сохранить.

Измененный файл с расширением mdcontainer сохраняется в файловой системе бэкенд-сервиса DevTools.

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