New to Kendo UI for Angular? Start a free 30-day trial

FocusableDirective

Directive

A directive that controls how focusable elements receive focus in a navigable Grid. See example.

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridFocusable]

Syntax:

html

<kendo-grid [data]="data" [navigable]="true">
   <kendo-grid-column>
      <ng-template kendoGridCellTemplate let-dataItem>
         <!-- The first focusable element is focused when you press Enter on the cell. -->
         <input type="text" kendoGridFocusable [value]="dataItem.ProductName" style="margin-right: 8px;" />
         <button kendoGridFocusable>Update</button>
      </ng-template>
   </kendo-grid-column>
</kendo-grid>