Добавление виджетов ввода в шаги

Добавление виджетов ввода в шаги

Ввод данных на любом шаге с помощью виджетов ввода

Данные можно вводить на шаге формы, но как быть с вводом данных на стандартном производственном шаге?

Чтобы сократить количество шагов и вариантов маршрутизации, которые должен пройти оператор, часто проще вводить данные на шаге инструкций, а не на отдельном шаге формы. Можно также писать непосредственно в таблицы Tulip с помощью виджетов ввода.

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

Создание виджета для хранения пользовательского ввода

Выберите опцию Input на панели инструментов:

После выбора у вас появятся следующие возможности:

• Флажок
• Текст
• Файл
• Номер
• Одиночный выбор
• Multiselect
• Выбор даты
• Изображение
• Подпись

Выбор источника данных

Переменная

Выберите существующую переменную или создайте новую переменную для присвоения виджету ввода:

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

Запись в таблице Tulip

Назначив виджет ввода на запись таблицы Tulip Table Record, можно напрямую редактировать запись таблицы. В раскрывающемся списке укажите столбец записи таблицы:

При этом значение виджета ввода автоматически сохраняется в записи таблицы.

Настройка триггеров

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

Клавиша ввода

Триггер "Клавиша ввода" работает по следующей логике: при нажатии клавиши ввода, если выполняются условия, выполняется действие. Этот параметр связан с виджетами ввода текста и цифр.

Изменение ввода

Триггер Input Change работает по следующей логике: при изменении ввода, если условия выполнены, выполняется действие. Эта опция связана с виджетами ввода checkbox, single select, multiselect, date picker и image.

Типы виджетов ввода

Флажок

Опция checkbox обеспечивает булевский вывод, который может быть переведен в состояние "Да" или "Нет" путем установки или снятия флажка. Более подробную информацию о флажках можно найти на сайте эта статья здесь..

Текст

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

Эта переменная ведет себя так же, как и переменная, созданная во входе Form Step.

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

Файл

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

Для импорта файла с устройства в виджет ввода можно воспользоваться кнопкой загрузки в облачную форму или ввести URL-адрес файла напрямую.

Число

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

После добавления переменной в данном случае появляется дополнительная опция.

В опции Формат для отображения информации можно выбрать как целочисленный, так и десятичный тип. Целочисленный тип отображает только целое число, а десятичный - до выбранного количества значащих цифр. Опция Precision определяет количество отображаемых цифр.

Одиночный выбор

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

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

Один из очень простых способов использования - назначить или создать текстовую переменную в поле Variable и отобразить ее в виде выпадающего списка со статически созданными значениями. Добавить опции можно, выбрав пункт 'New Option', расположенный чуть ниже поля Options. После этого все выглядит следующим образом:

Если изменить поле Display на Menu, виджет примет следующий вид для отображения:

Опции можно также перечислить как части переменной Array.

В этом случае можно выбрать все компоненты выбранного Массива. Массив - это переменная, выбранная под Options, а переменная с именем 'Test' будет хранить выбранное пользователем значение из списка опций.

Использование конфигурации переменной массива является чрезвычайно мощным, поскольку позволяет брать опции из существующего массива, а также добавлять в массив новые значения для выбора. Например, кнопка может добавить опцию в этот виджет, добавив триггер. Триггер может выглядеть следующим образом:

В данном примере кнопка добавляет опцию 'Something New' в виджет ввода Menu or Dropdown.

Multiselect

Опция Multiselect имеет те же конфигурации, что и виджет Single Select, с некоторыми небольшими отличиями в настройках. Виджет Multiselect не может быть назначен на запись таблицы Tulip. Кроме того, результирующий вывод этого виджета должен представлять собой текстовый массив, а не просто текстовую переменную, как в виджете Single Select.

Это позволяет выбрать несколько вариантов из меню или выпадающего списка и вывести их в переменную Array. Конфигурация опций view и select точно такая же, как и в виджете Single Select, описанном выше. Виджет Multiselect будет отображаться так, как показано ниже.

Выбор даты

После выбора выберите или создайте переменную Datetime, которая будет связана с виджетом, или столбец таблицы Tulip Table. Если в качестве источника данных выбрана запись таблицы Tulip Table Record, то данные будут записываться непосредственно в таблицу. Если в качестве источника данных выбрать переменную, то вывод выбранного Datetime будет сохраняться в указанной переменной.

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

Image

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

Выбрав источник данных Tulip Table Record, можно сохранить изображение непосредственно в Tulip Table. Обратите внимание, что соотношение сторон также может быть настроено в контекстной панели для этого виджета.

В проигрывателе пользователи также могут "переворачивать" и "вращать" изображение с камеры.

Подпись

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

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

Вы нашли то, что искали?

Вы также можете зайти на community.tulip.co, чтобы задать свой вопрос или узнать, сталкивались ли другие с подобным вопросом!