Keyboard

import { createGrid } from '@freegridjs/core';
import { demoColumns, makeRows } from '../data';
import { text, tr, type DemoContext } from '../ui';

export default function mount(ctx: DemoContext) {
  const { lang } = ctx;
  const grid = createGrid(ctx.host, { columns: demoColumns(lang, 10), data: makeRows(10_000, 10), rowSelection: 'multiple', locale: lang });

  grid.on('focusChange', e => ctx.log(`focusChange → row ${e.rowIndex + 1}, ${e.colId}`));
  grid.on('cellDoubleClick', e => ctx.log(`cellDoubleClick → ${e.colId}: ${String(e.value)}`));

  text(ctx, tr(lang, {
    en: 'Click a cell, then use ← ↑ → ↓, Tab, Home/End, Ctrl+Home/End, PageUp/PageDown and Space.',
    ko: '셀을 클릭한 뒤 ← ↑ → ↓, Tab, Home/End, Ctrl+Home/End, PageUp/PageDown, Space를 눌러 보세요.',
  }));
  return grid;
}