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

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

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

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

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

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

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

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

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

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

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

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

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

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

Таблицы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для настройки фильтра нажмите на значок "Edit" рядом с опцией Filters.

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

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

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

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

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

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

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

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

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