Добавление компонентов на экранную форму
В любой момент разработки интерфейса вы можете добавить компоненты на экранную форму. Предварительно рекомендуется настроить схему расположения компонентов в группе и другие общие свойства группы.
На экранную форму вы можете добавить компоненты, описанные в Справочнике компонентов экранных форм. Компоненты Markdown, Slot, Eval можно добавить на экранную форму только в кодовом режиме Редактора Форм.
При добавлении компонентов на экранную форму вы можете вставлять одни компоненты в другие. Правила вставки компонентов описаны в следующей таблице. Компоненты, не перечисленные в следующей таблице, не предполагают вставки других компонентов.
Правила вставки одних компонентов в другие компоненты экранной формы
| Компонент, в который можно вставить другие компоненты | Вставляемые компоненты |
|---|---|
| Button | Icon, Text, Group |
| Calendar | Icon |
| Chips | Icon |
| CheckGroup | Text, Group |
| DataGrid | Tr, Group, Pagination |
| Dialog | Group |
| Input | Icon |
| FileUploader | Icon |
| RadioButton | Icon |
| Select | Icon, Repeater, RepeaterItem, Group |
| SegmentButton | Button |
| Switcher | Icon |
| Tabs | Icon, Text, Group |
| Table | Tbody, Tfooter, Thead |
| Tbody | Tr |
| TextArea | Icon |
| Tfooter | Tr |
| Thead | Tr |
| Tr | Td |
| Tree | Group, Repeater |
Чтобы добавить компоненты на экранную форму:
-
В проекте выберите файл с расширением
mdcontainer, соответствующий экранной форме, на которую вы хотите добавить компоненты. -
В визуальном режиме Редактора Форм, который открывается, на экранной форме выберите компонент, в который вы хотите вставить другие компоненты.
По умолчанию ни один из компонентов не выбран.
-
На боковой панели нажмите значок
и выберите раздел Компоненты. -
В разделе Компоненты дважды нажмите нужный компонент.
Компонент, который вы нажали, вставляется в компонент, выбранный в пункте 2 этой инструкции. Если вы вставляете компонент в группу, этот компонент располагается в группе согласно выбранной для этой группы схеме.
В качестве альтернативы двойному нажатию вы можете перетащить мышью нужный компонент в область другого компонента. В таком случае вам не нужно выполнять пункт 2 этой инструкции.
подсказкаЕсли вы хотите группировать компоненты на экранной форме, сначала добавьте на экранную форму компоненты Group, настройте схему расположения компонентов внутри каждой группы и общие свойства группы, а затем добавьте компоненты в эти группы.
Если вы хотите добавить именованный набор компонентов, на панели со списком разделов настроек выберите раздел Фрагменты и поместите именованный набор компонентов на экранную форму таким же способом, как и компонент.
В разделе Фрагменты отображаются фрагменты экранных форм, созданные в разрабатываемом проекте. Если экранные формы типа Фрагмент не созданы в проекте, вы можете создать экранную форму такого типа по кнопке Создать.
С помощью мыши вы можете перемещать добавленные компоненты между компонентами, вставку в которые разрешают правила, описанные выше.
Когда вы добавляете компонент DataGrid, компонент Pagination добавляется автоматически.
-
Повторите предыдущий пункт инструкции столько раз, сколько компонентов и фрагментов экранных форм вы хотите добавить на разрабатываемую экранную форму.
-
Вверху справа нажмите Сохранить.
Экранная форма с добавленными компонентами отображается в Редакторе Форм.
Для добавления компонентов на экранную форму вы также можете использовать раздел Навигатор Редактора Форм. В дереве компонентов справа от имени узла вы можете нажать + и из списка компонентов, который о тображается, выбрать дочерний компонент текущего узла.
Теперь вы можете определить свойства добавленных компонентов.