Отображение интерактивных списков записей таблицы или вывод коннектора в приложениях

Вот как отобразить кликабельные списки записей или объектов в приложении.

В этой статье вы узнаете...

• Как отобразить несколько записей в таблице на основе переменной
• Как выбрать запись из списка и загрузить ее в приложение
• Как превратить вывод коннектора в интерактивный список
• Как запустить логику триггера, когда оператор выбирает строку в интерактивном списке

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

Нужно ли вам отображать какие-либо из этих общих активов цеха для ваших операторов и технических специалистов?

• Список назначений рабочих заказов по рабочим местам
• Станки, которые необходимо осмотреть
• Инструменты и их расположение на вашем предприятии
• Проблемы, зарегистрированные на том или ином участке, и ход их решения
• Списки материалов

Если это так, вам необходимо использовать виджет "Встроенная таблица" в редакторе приложений.

Виджет "Встроенная таблица" может работать со следующими источниками данных:

• Несколько строк вывода SQL
• Массив объектов из HTTP-коннектора
• Запись таблицы Tulip
• Поля пользователя

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

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

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

Добавление виджета встроенной таблицы

Таблицы

Сначала создайте Record Placeholder в левой части экрана. Это позволит вам загрузить в приложение одну запись из списка.

Затем добавьте виджет на шаг, выбрав "Embed" на панели инструментов, а затем выбрав "Tulip Table".

Затем свяжите его с таблицей Tulip Table с помощью выпадающего списка "Источник данных":

{height="" width="350"}.

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

{height="" width="350"}.

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

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

Вывод коннектора

Вот как создать интерактивные списки из выходных данных коннектора.

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

Затем добавьте встроенную таблицу в шаг, как показано выше.

Затем выберите "Переменная" в качестве источника данных и выберите переменную, которая хранит выходной массив из функции коннектора.

{height="" width="350"}.

Наконец, выберите переменную типа "Object" для хранения вывода или создайте ее в диалоговом окне "Linked Variable".

{height="" width="350"}.

Затем выберите столбец для каждого свойства объекта, которое вы хотите отобразить.

{height="" width="350"}.

Логика срабатывания и разработка шага

После того как вы настроили свою встраиваемую таблицу, есть два способа ее использования:

1. Немедленно запускать триггерное действие, когда оператор нажимает на строку.
2. Обновить переменную или держатель записи и не запускать триггер.

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

Логика срабатывания триггера

Чтобы добавить триггер, который срабатывает при нажатии или щелчке по строке в проигрывателе, нажмите кнопку "+" рядом с меткой триггера в контекстной панели. Вы увидите открывшийся редактор триггеров с параметром "When", установленным на "when a row is selected".

Проектирование шага

Вот обзор популярного способа использования встроенной таблицы в проигрывателе:

Встроенная таблица используется вместе с двумя другими виджетами:

1. Текстовый виджет для указания оператору щелкнуть или нажать на запись.
2. Виджет записи таблицы, показывающий, какая запись была выбрана.

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

Для этого добавьте текстовый виджет "Запись таблицы" в Шаг.

Затем свяжите его с тем же держателем записи, что и встроенную таблицу в контекстной панели:

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

Изменение отображения встроенной таблицы

Размер строки

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

Для этого измените "Размер шрифта" в контекстной панели. Это автоматически увеличит высоту строки в соответствии с размером шрифта.

Кнопки для каждой строки

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

Независимо от того, включена или выключена опция "Кнопка выбора", строки можно выбрать, нажав или щелкнув любую часть строки.

Индекс строки

Если опция включена, индекс записи будет отображаться в таблице.

Строки на страницу

Определите, сколько строк должно быть одновременно доступно в таблице.

Настройка фильтров и сортировки на виджете

Этот раздел относится только к встроенным таблицам, которые связаны с таблицами Tulip и полями пользователя.

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

1. Станция, на которой запущено приложение
2. Оператор, использующий приложение
3. Значение переменной в приложении
4. Что-то еще!

Нажмите на значок "Редактировать" рядом с опцией Фильтры, чтобы настроить фильтр.

Параметры фильтра включают:

1. Статическое значение
2. Переменная
3. Запись в таблице тюльпанов
4. Информация о приложении

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

После выбора фильтра нажмите на "X" в правом верхнем углу модального окна.

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

Дальнейшее чтение

• Как использовать записи таблицы в редакторе приложений
• Как получить доступ к выводам функций коннектора в приложениях
• Как получить возможность просмотра заказов на выполнение работ в режиме реального времени по станциям

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

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