Блок "Гиперссылки"

Назначение

Блок "Гиперссылки" предназначен для динамического формирования списка ссылок на основе входных данных. С помощью шаблонизатора Jinja2 можно гибко настраивать адреса, текст и другие параметры каждой ссылки в зависимости от передаваемых значений. Для начала работы с блоком его необходимо выбрать в библиотеке блоков и перенести в область графа.

Настройки блока

Группа "Гиперссылки"

Наименование	Тип	Обязательное	Описание	Пример
Перетаскивать данные из списка гиперссылок	Флаг	Нет	Устарел
Шаблон	Строка	Нет	Шаблон гиперссылки. Настройки шаблона указываются для одного элемента (не для массива)
Событие по умолчанию	Выпадающий список	Да	Поведение при вызове события по умолчанию: - Отображать первую строку - Отображать выбранный элемент
Выбранные элементы (индексы)	Целое число	Нет	Индекс элемента для события по умолчанию. Параметр применяется, если настройка "Событие по умолчанию" принимает значение "Отображать выбранный элемент".

Общие настройки блоков описаны в отдельном разделе.

Входы

Название входа	Тип	Обязательный	Описание
Гиперссылки	Объект	Да	Массив данных с типом "Ряд данных" или "Объект"

В случае, если не задан шаблон, в атрибутах объекта должны присутствовать следующие поля:

Поля для отображения гиперссылок

"url": <Гиперссылка. Обязательное поле!
"name": <Наименование гиперссылки. Необязательное поле.
"img": <Иконка гиперссылки. Необязательное поле.   

Выходы

В блоке нет выходов

События блока

Название выхода	Тип	Описание
Событие смены выделения	Объект	Используется для динамического обновления визуализаторов при изменении отметки в блоке "Гиперссылки"

Описание работы блока

Чтобы использовать блок "Гиперссылки", необходимо его добавить на граф из библиотеки блоков.

Блок принимает на вход массив с объектами или рядами данных. Каждый элемент массива обрабатывается шаблоном, указанным в соответствующем поле настроек блока, с использованием шаблонизатора Jinja2. Шаблон может быть встроен в произвольную html-верстку:

html

<div style="line-height:12px">
<p style="color:red"><strong>{{ input.attrs.name }}</strong></p>
<p>{{ input.attrs.address }}</p>
<p><em>{{ input.attrs.phone }}</em></p>
</div>

Описание работы визуализатора

Выбор элемента в списке гиперссылок

• Выбор элемента осуществляется кликом левой кнопки мыши;
• Одновременно может быть выбран только один элемент;
• Начальный выбор определяется настройками блока на графе:
  • "Событие по умолчанию";
  • "Выбранные элементы (индексы)".

Настройки визуализатора

Визуализатор не имеет специфических настроек. Общий список настроек доступен на странице Настройки визуализаторов

Версия блока

Документация на версию блока

Актуально для версии блока 9

Примеры

Гиперссылки

Постановки

VISMIND-6366 Клиентское приложение. Настройки. Гиперссылки

VISMIND-3868 Событие по умолчанию для блока "Гиперссылки"

VISMIND-330 Блок "Список гиперссылок"

Дополнительно

Ссылки