Saltar al contenido principal

Datos remotos

Usá dataMode="remote", pasá el sourceId del Grid e implementá dataSourceExecutor. El Grid llama records.list con page basado en cero, pageSize, y los sort y filters activos.

{sourceId: 'current-account-invoices', operation: 'records.list', input: {
page: 0, pageSize: 25,
sort: [{field: 'dueDate', direction: 'asc'}],
filters: {customer: 'north', status: 'pending'},
}}

Devolvé la página actual y el total de registros coincidentes:

{operation: 'records.list', records: [{id: 'FAC-00481'}], total: 137}
const [filters, setFilters] = useState<Record<string, unknown>>({});
<DyonaGrid columns={columns} getRowId={(row) => row.id as string}
dataMode="remote" sourceId="current-account-invoices" pageSize={25}
dataSourceExecutor={dataSourceExecutor} filters={filters} onFiltersChange={setFilters}
/>

La paginación integrada envía page y pageSize; total define el resultado remoto completo.

Probar en el Lab