MENU
    Отображение интерактивных списков записей таблицы или вывод коннектора в приложениях
    • 23 Jan 2025
    • 4 Минуты для чтения
    • Авторы

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


    Вводный текст

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

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

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

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

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

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

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

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

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

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

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

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

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

    Таблицы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Запуск логики триггера и разработка шага

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

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

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

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

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

    Разработка шага

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Читать далее


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

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


    Была ли эта статья полезной?