api.getReactiveState()
Description
Gets the state object with the reactive properties of the GridUsage
api.getReactiveState(): object;
Returns
The method returns an object with the following parameters:
{
columns: array, // an array with columns data
data: array, // an array with data for the table
dynamic: object, // an object with the number of rows in a dynamic dataset
editor: object,// an object with data for the open editor
filter: (obj: any) => boolean, // the filtering function; the filter-rows action handler
scroll: object, // on object with the scroll configuration
selected: string | number, // the id of the selected row
selectedRows: array, // an object with the ids of the selected rows
sizes: object, // an object with the table sizes configuration
sort: object, // an object with the sorting configuration
split: number, // the number of frozen columns
tree: boolean, // tree structure state
flatData: array // actual data;in case of tree structure,it's a plain dataset with the "level" marker to specify each item's level in hierarchy
}
The Grid properties detailed description you can find here: Grid properties overview.
Example
To get the current value from the Store, add $ before the variable:
<script>
import { Grid } from "@wx/svelte-grid";
import { getData } from "./common/data";
const { data, columns } = getData();
let api;
let rSelected;
$: if (api) {
rSelected = api.getReactiveState().selected;
console.log($rSelected); // outputs the currently selected row id
}
</script>
<Grid {data} {columns} bind:api />
Related articles: