Включенные виджеты

vis и vis-2 поставляются с пятью наборами виджетов. Они сразу же становятся доступны в палитре после установки и не требуют дополнительных адаптеров.

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

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

базовый

Фраза, обозначающая любой элемент, указывающий на значение или скрепляющий страницу.

Числа, текст и время

	Виджет	Шоу
	Number	Числовое значение с указанием единицы измерения и возможностью выбора количества десятичных знаков после запятой.
	String	строка
	String (unescaped)	То же самое, при этом отображается и включенный HTML-код.
	String img src	изображение, адрес которого содержится в точке данных.
	Input val	Поле ввода, которое также записывает значение.
	Timestamp ,Timestamp Value ,TimesValue	метка времени в различных форматах
	Last change Timestamp	когда значение в последний раз менялось
	ValueList Text	один из нескольких текстов, в зависимости от значения
	ValueList HTML	То же самое, но с HTML вместо обычного текста.
	ValueList HTML Style	То же самое относится и к отдельным спецификациям CSS для каждого значения.

Да и нет

	Виджет	Шоу
	Bool HTML	два разных текста для слов «верно» и «неверно».
	Bool HTML (переключение)	То же самое, переключение происходит при нажатии на область.
	Bool Checkbox	флажок, который также переключает
	Bool Select	выпадающее меню с двумя пунктами
	Bool SVG	Рисунок, значение которого устанавливается при щелчке.
	AckFlag HTML	Подтверждено ли последнее значение; инструмент для устранения неполадок.
	HTML State	текст, находящийся в точке 0 илиfalse Оно полностью исчезает; хорошо подходит для служебных сообщений.

Изображения, рамки и внешний контент

	Виджет	Шоу
	HTML	любой HTML-код
	Svg shape	Простая геометрическая фигура: круг, прямоугольник, линия
	Image	изображение, которое при желании можно регулярно перезагружать.
	Image 8	одно из восьми изображений, в зависимости от значения
	iFrame	иностранный веб-сайт в окне
	iFrame 8	восемь страниц, переключаемых с помощью значения
	Border	рамка, опционально с заголовком
	Note	блокнот
	Table	таблица, полученная из точки данных

Навигация и виды

	Виджет	Делает
	link	делает весь район ориентиром
	HTML navigation	переключается на другой ракурс с эффектом перехода.
	view in widget	Встраивает целое представление; это обычный способ реализации общей панели навигации.
	view in widget 8	Отображает один из восьми вариантов отображения в зависимости от значения.
	Dialog	открывает вид в окне
	filter - dropdown	Отображает и скрывает виджеты в зависимости от используемого в них фильтрующего параметра.

Инструменты

	Виджет	Делает
	Full Screen	переключает полноэкранный режим браузера
	Screen Resolution	Отображает размер экрана и присваивает имя соответствующему представлению; полезно только во время настройки.
	HTML logout	выходит из системы
	Gesture indicator	отображает распознанные жесты смахивания

В vis-2 отсутствуют четыре строительных блока, которые присутствовали в vis 1:Red Number ,Bulb on/off ,Bar иSpeech2Text В идеале, любой, кто берется за старый проект, должен заменить его строительными блоками из Material или Collection .

jqui

Это набор элементов управления. Здесь находится всё, на что нажимают, что вводят или перетаскивают. Элементы выглядят как в jQuery UI: простые и несколько старомодные, но надёжные.

кнопки

	Виджет	Делает
	Button	переключается на другой вид
	navigation - Icon	то же самое, что и символ
	navigation - Pw	То же самое, но только после ввода пароля.
	Button State	записывает фиксированное значение в точку данных.
	Button Link ,Button Link _blank	открывает адрес в том же или в новом окне.
	Icon link	то же самое, что и символ
	Icon HTTP GET	Вызывает адрес в фоновом режиме, не покидая страницу.

Вход

	Виджет	Делает
	Input	Текстовое поле, запись при каждом изменении.
	ctrl - Input + Set-Button	Текстовое поле, запись происходит только при нажатии кнопки.
	ctrl - Input Date	Выбор даты
	ctrl - Input Datetime	Дата и время

Выбор и управление

	Виджет	Делает
	Html Bool	Отображает и переключает значение «да/нет».
	Icon Toggle	то же самое с двумя символами.
	Radiobuttons on/off	две кнопки для включения и выключения
	Radiobuttons ValueList	Одна кнопка на каждое значение из списка
	Radiobuttons 25%	фиксированные уровни 0, 25, 50, 75, 100
	Select ValueList	выпадающее меню для более длинных списков
	Slider horizontal	Ползунок, горизонтальный
	Slider vertical	Ползунок, вертикальный
	ctrl - Icon State	Символ, который задает значение при нажатии.
	ctrl - Icon Increment	Символ, изменяющий значение на определённую величину.

Диалоги

	Виджет	Делает
	HTML - Dialog	открывает окно со своим собственным содержимым
	Icon - Dialog	То же самое, активируется с помощью символа.
	container - HTML - view in jqui Dialog	открывает весь обзор, как окно.
	container - Icon - view in jqui Dialog	то же самое посредством символа
	container - Button - view in jqui Dialog	то же самое с помощью кнопки.
	Button dialog close	закрывает открытое окно

jqplot

Один виджет,MeterGauge Указательный инструмент с цветными секциями. Для получения дополнительных опций доступны отдельные наборы; см. раздел «Указательные инструменты» .

свайп

	Виджет	Делает
	swipe Navigation	Переключение между режимами отображения происходит при проведении пальцем по экрану.
	Carousel	отображает несколько видов подряд, как карусель.

Оба устройства в первую очередь предназначены для телефонов и настенных планшетов.

вкладки

Виджет,SliderTabs : несколько режимов просмотра, скрытых за вкладками, между которыми можно переключаться вверху.

Что относится ко всем

Настройки каждого из этих виджетов (имя, положение, видимость, CSS, сигналы) описаны в разделе «Настройки виджета» .