GridCellWidget — Angular

Представляет интерактивный элемент внутри GridCell. Он позволяет приостанавливать навигацию по сетке для взаимодействия с виджетом.

API

class GridCellWidget {
  readonly element: HTMLElement;
  readonly active: Signal<any>;
  readonly @Input() id: InputSignal<any>;
  readonly @Input() widgetType: InputSignal<"simple" | "complex" | "editable">;
  readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
  readonly @Input() focusTarget: InputSignal<any>;
  readonly @Output() activated: OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>;
  readonly @Output() deactivated: OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>;
  readonly @Input() tabindex: InputSignal<number | undefined>;
  readonly isActivated: Signal<boolean>;
  activate(): void;
  deactivate(): void;
}

element

HTMLElement

Ссылка на хост-элемент.

active

Signal<any>

Указывает, активен ли виджет в данный момент (находится ли он в фокусе).

id

InputSignal<any>

Уникальный идентификатор виджета.

widgetType

InputSignal<"simple" | "complex" | "editable">

Тип виджета, определяющий способ его активации.

disabled

InputSignalWithTransform<boolean, unknown>

Указывает, отключён ли виджет.

focusTarget

InputSignal<any>

Элемент, который получит фокус вместо виджета.

activated

OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>

Срабатывает при активации виджета.

deactivated

OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>

Срабатывает при деактивации виджета.

tabindex

InputSignal<number | undefined>

Переопределение tabindex.

isActivated

Signal<boolean>

Указывает, активирован ли виджет.

activate

void

Активирует виджет.

@returnsvoid

deactivate

void

Деактивирует виджет.

@returnsvoid

Описание

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

<td ngGridCell>
  <button ngGridCellWidget>Click Me</button>
</td>