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

ConditionalBuilder

Виджет ConditionalBuilder позволяет динамически отображать различные виджеты в зависимости от определенных условий (либо одного, либо нескольких). С помощью этого виджета вы можете определить различные условия, каждое из которых связано с конкретным виджетом, который будет отображаться при выполнении этого условия. Это как переключатель, который показывает разные элементы в зависимости от происходящего в вашем приложении.

Например, отображение разных диаграмм в зависимости от роли пользователя. Для членов команды можно показать индивидуальную диаграмму прогресса. Руководители команд смогут просмотреть общий прогресс всей команды, а менеджеры проектов — диаграмму прогресса по всему проекту. Как показано ниже:

conditional-builder-widget-demo.png

Добавление виджета ConditionalBuilder​

Чтобы добавить виджет ConditionalBuilder в ваше приложение:

  1. Добавьте виджет ConditionalBuilder (из раздела Base Elements) туда, где вы хотите отображать динамические виджеты.

  2. Перейдите в Properties Panel > Conditional Builder Properties и в разделе First Condition укажите условие IF condition, нажав на UNSET.

  3. Теперь рядом с THEN нажмите Empty. Это автоматически выберет виджет IF в дереве виджетов. Внутри него добавьте виджет, который вы хотите отображать, если это условие выполнено.

  4. Чтобы добавить еще один виджет на основе условия, нажмите кнопку "+", укажите условие для раздела ELSE IF и добавьте виджет внутри виджета Else If в дереве виджетов.

  5. Если ни одно из условий не выполнено, добавьте виджет по умолчанию для отображения внутри виджета Else.

  6. Используйте опцию Show In UI Builder, чтобы увидеть этот конкретный виджет в области холста. Вы можете просматривать только один виджет за раз.