Low-code дизайнер > Создание интерфейсов / Системные настройки виджетов

Системные настройки виджетов

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

сист настр 365

 

  • Скрыть ­— вы можете скрыть виджет со страницы или формы либо определить, в каком случае он будет показан пользователю. Привяжите к этой настройке переменную типа Да/Нет. Когда пользователь при заполнении данных установит ее в положение Нет, то виджет отобразится.
  • Только для чтения ­— настройка доступа к виджету.  
    • Да ­— пользователи не смогут редактировать данные, которые отображает виджет.
    • Нет ­— пользователи смогут редактировать данные, отображаемые внутри виджета.
    • Наследовать от родителя ­—  опцию удобно использовать, когда внутрь одного виджета добавлен другой. К примеру, внутри виджета «Колонка», который доступен только для чтения, вы разместили список с элементами приложения. Для того, чтобы пользователи не могли вносить изменения в этот список, при его настройке укажите опцию Наследовать от родителя.
  • HTML стили ­— задайте CSS стили для виджета, например, определите его ширину;
  • Событие при наведении курсора — вы можете задать событие, которое произойдет, когда пользователь наведет курсор на виджет. К примеру, откроется всплывающее окно с подсказкой. Для этого нужно добавить соответствующий сценарий. Нажмите кнопку Создать, введите название сценария и нажмите Открыть. Откроется вкладка Сценарии, где вы сможете прописать необходимый сценарий.
  • Событие при перемещении курсора за границы ­— вы можете задать событие, которое произойдет, когда пользователь переместит курсор за пределы виджета. К примеру, окно, вызванное ранее при наведении курсора, закроется. Для этого добавьте сценарий так же, как и для события при наведении курсора. Эти события рекомендуется настраивать в связке.

Дополнительные опции

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

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

Установить связь с полем

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

  1. Нажмите значок chain_iconсправа от опции.
  2. Нажмите <Не установлено>.
  3. В выпадающем списке выберите контекстную переменную. В списке отображаются только переменные с тем же типом данных, что и связываемое поле.
  4. Сохраните и опубликуйте виджет.

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

Пример

Допустим, мы учитываем заявки клиентов в приложении Заказ. Для заказов без предоплаты требуется указывать сроки оплаты товара. Менеджер заполняет эти сведения на отдельной вкладке. Сделаем так, чтобы она скрывалась или отображалась в зависимости от наличия или отсутствия стопроцентной предоплаты.

В меню приложения нажмем Настройка формы. В открывшемся окне на вкладке Контекст  добавим свойства «Платежи» типа Таблица и «Предоплата 100%» типа Да/Нет. Перейдем на вкладку Создание и нажмем +Создать форму или Редактировать форму, если форма создана ранее.

Откроем форму создания заявки в конструкторе в расширенном режиме.

Вынесем на поле для моделирования виджет Вкладки и создадим в нем вкладки Заказ и График платежей. На первую добавим свойства заказа из контекста приложения: «Контрагент», «Договор», «Коммерческое предложение», «Сумма оплаты» и другие, а также свойство «Предоплата 100%». На вторую добавим свойство «Платежи».

Перейдем в системные настройки вкладки График платежей и свяжем поле Скрыть со свойством Предоплата 100%.

bind-field-1

Сохраним и опубликуем форму создания заказа. Теперь при снятии флажка «Предоплата 100%» на странице появится новая вкладка График платежей, где пользователь может указать сведения о расчетах по заказу.

bind-field-2

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас