Skip to main content

focus-cell

Description​

Fires when a cell is given focus

Usage​

"focus-cell": ({
    row?: string | number,
    column?: string | number,
    eventSource?: string,
}) => boolean|void;

Parameters​

The callback of the action takes an object with the following parameters:

  • row - (optional) an id of the selected row
  • column - (optional) an id of the selected column
  • eventSource - (optional) the name of the Grid action used to trigger focus-cell

Example​

<script setup>
    import { getData } from "../data";
    import { Grid } from "@svar-ui/vue-grid";

    const { data, columns } = getData();

    function init(api){
        api.on("focus-cell", ev => {
            console.log(`Cell in focus is in row:", ${ev.row}, and triggered by ${ev.eventSource}`);
        });
    }

</script>

<template>
    <div style="padding: 20px;">
        <div>
            <Grid :data="data" :columns="columns" :init="init"/>
        </div>
    </div>
</template>

Related articles: