Tag List отображает набор тегов и поддерживает навигацию с клавиатуры, множественный выбор и удаление.

Порядок удаления тегов:

  • Если есть выделенные теги, будут удалены они все.
  • Если выделенных тегов нет, будет удалён тег в фокусе.

Теги можно удалить несколькими способами:

  • Клик по иконке удаления (директива kbqTagRemove) внутри тега.
  • Нажатие клавиши Delete или Backspace.
  • Программное удаление через API компонента.

Опция удаления настраивается при помощи атрибута removable (по умолчанию включена).

Теги можно выбрать несколькими способами:

  • Клик по тегу при зажатом Ctrl.
  • Клик по тегу при зажатом Shift, чтобы изменить выбор диапазона от якорного тега до нажатого.
  • Нажатие Shift + ← / →, чтобы расширить или сузить диапазон.
  • Нажатие комбинации клавиш Ctrl+A.
  • Space при фокусе на теге.
  • Программный выбор через API компонента.

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

Опция выбора настраивается при помощи атрибута selectable (по умолчанию включена).

Для включения режима редактирования необходимо установить свойство editable для kbq-tag-list или отдельного kbq-tag.

Вход в режим:

  • При двойном клике по тегу.
  • При нажатии клавиши Enter или F2 (при фокусе на теге).

Сохранение изменений:

  • При нажатии клавиши Enter.
  • При нажатии на кнопку подтверждения (директива kbqTagEditSubmit).

Отмена изменений:

  • При нажатии клавиши Escape.
  • При потере фокуса.

Для включения возможности перестановки тегов необходимо установить свойство draggable для kbq-tag-list.

Клавиша
Действие
← / → Переместить фокус на предыдущий/следующий тег.
Shift + ← / → Изменить диапазон и переместить фокус.
Space Выбрать/снять выбор тега.
Delete / Backspace Удалить тег.
F2 / Enter Начать редактирование.
Ctrl + A Выделить все теги.
Home / End Переместить фокус на первый/последний тег.
Клавиша
Действие
Enter Сохранить изменения.
Esc Отменить изменения.
Предложения по улучшению
Если вы нашли ошибку или хотите доработать статью, создайте запрос на GitHub.