Конфигурирование фокуса в виджете
При просмотре мэшапа можно взаимодействовать с виджетами с помощью мыши или клавиатуры. При переходе по компоновке с помощью клавиши TAB объекты, которые в данный момент находятся в фокусе, выделяются синей границей. В ThingWorx 9.4 и более поздних версиях синяя граница фокуса применяется только при взаимодействии с виджетом с помощью клавиатуры. В предыдущих версиях ThingWorx граница применялась при использовании мыши или клавиатуры. На следующем изображении показан виджет "Текстовая область" в состоянии установленного фокуса.
Все виджеты в ThingWorx поддерживают состояние фокусировки. Однако у некоторых виджетов имеется конкретное поведение фокусировки. Например, в виджете "Выпадающий список" фокус задается на фильтре при открытии выпадающего списка. В виджете "Динамическая панель" фокус по умолчанию задается на маркере изменения размера.
В следующих разделах описаны различные аспекты функций специальных возможностей мэшапа.
Автофокусировка
Свойство FocusOnLoad виджета доступно для некоторых виджетов, таких как "Флажок", "Текстовое поле" и "Текстовая область". Это свойство можно использовать, чтобы задать начальный фокус на конкретном виджете при просмотре мэшапа во время выполнения. Необходимо задавать автофокусировку для всех мэшапов, в которых требуется взаимодействие с пользователем. Например, можно задать автоматическую фокусировку на первом текстовом поле в форме, что помогает пользователям быстрее определять действия, которые они должны выполнять. Дополнительные сведения об автофокусировке см. в разделе Конфигурирование автоматической фокусировки.
Навигация с клавиатуры
Для перехода между элементами можно использовать следующие традиционные клавиши:
Клавиша | Описание |
|---|---|
TAB SHIFT+TAB | Перемещают рамку фокуса на следующий или предыдущий виджет в мэшапе. |
ENTER ПРОБЕЛ | Развертывает или свертывает родительский элемент, который содержит подменю. Открывает или закрывает раздел. |
Стрелка ВВЕРХ/ВНИЗ | Устанавливают фокус на следующий или предыдущий элемент в виджете. |
Стрелка ВПРАВО/ВЛЕВО | Устанавливают фокус на следующий или предыдущий элемент в виджете. |
HOME | Устанавливает фокус на первый элемент в группе параллельных элементов. |
END | Устанавливает фокус на последний элемент в группе параллельных элементов. |
Конфигурирование порядка обхода для виджетов в мэшапе
Порядок обхода - это число, которое можно задать для каждого виджета в мэшапе с помощью свойства TabSequence. Значение числа определяет порядок фокусировки при навигации в мэшапе с помощью клавиши TAB. По умолчанию порядок задается на основе положения виджета в DOM. Дополнительные сведения о порядке обхода см. в разделе Конфигурирование порядка обхода.
Включение унаследованного режима фокусировки
В ThingWorx 9.4 или более поздней версии рамка фокуса вокруг виджетов отображается только при использовании клавиатуры для навигации в мэшапе. В предыдущих версиях рамка фокуса отображалась при использовании мыши или клавиатуры. Можно управлять поведением фокуса с помощью свойства LegacyFocus мэшапа. По умолчанию для этого свойства при создании новых мэшапов задается значение false. Для поддержки обратной совместимости это свойство включается в мэшапах, созданных в предыдущих версиях. Дополнительные сведения см. в разделе Включение унаследованного фокуса в мэшапе.