Low-code дизайнер > Создание интерфейсов > Типы виджетов > Виджеты для работы с данными / Связанные элементы

Связанные элементы

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

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

Шаг 1. Добавьте поле «Компании» в приложение Проекты

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

форма проекты

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

компания контекст

Шаг 2.  Добавьте новую вкладку на карточку компании

Откройте форму просмотра приложения Компании для редактирования. Обратите внимание, здесь вы сразу будете работать в расширенном режиме настройки форм.

В конструкторе добавьте новую вкладку, нажав на + или перетащив ее с боковой панели на форму. Назовём ее Проекты.

Такие настройки, как скрытие, обязательность заполнения и HTML стили являются общими для всех виджетов и описаны в соответствующей статье справки.

вкладка проекты

Шаг 3. Добавьте и настройте виджет

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

связаные элементы перенос

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

связанные элементы настройка

Сохраните изменения. Теперь у компаний появится дополнительная вкладка Проекты, где будут показываться все связанные с ними проекты.

проекты связ элемент

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

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

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

Рассмотрим, как виджет Связанные элементы использован в разделе Клиенты. Здесь есть два системных справочника – «Компании» и «Контакты». С ними по умолчанию связаны готовые приложения из QuickStore: Договоры, Управление заказами и другие решения, где есть необходимость указывать клиента или контактное лицо.

раздел клиенты

Установим раздел Управление заказами и посмотрим, как это работает. Подробнее об установке дополнительных разделов можно прочитать в статье Как скачать готовое решение из QuickStore?.

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

Как только первый заказ будет создан, на карточке просмотра компании появится новая вкладка Заказы. На ней будут храниться ссылки на каждый заказ, сделанный этим клиентом. Так как в решении Управление заказами задействованы рекламации и коммерческие предложения, соответствующие вкладки так же появятся на карточке компании.

карточка заказов

Для каждого приложения, связанного с приложением Компании, например, для договоров, будет добавлена своя отдельная вкладка. Вы можете отредактировать набор вкладок и при необходимости удалить лишние.

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