Persist and Load Grid State and Column Settings

[Saarah]

 

HI

I have an issue with these import statements. They produce errors when I include them in my code.

import { StatePersistingService } from './state-persisting.service';

import { GridSettings } from './grid-settings.interface';

import { ColumnSettings } from './column-settings.interface';

 

Are there code statements that, I am most probably missing in order for them to work?

[Svet]

Hi,

The demonstrated code tries to import some classes from local files. There are two options for the error. Either the files are missing or the imported classes are not exported by the files.

I assume, that you are trying to implement locally the example demonstrated at the following link:
https://www.telerik.com/kendo-angular-ui/components/grid/how-to/persist-state

Indeed, we have missed to demonstrate the grid-settings.interface.ts and column-settings.interface.ts files but the state-persisting.service.ts is available.

Here is the grid-settings.interface.ts:

import { State, DataResult } from "@progress/kendo-data-query";
import { ColumnSettings } from "./column-settings.interface";

export interface GridSettings {
    columnsConfig: ColumnSettings[];
    state: State;
    gridData?: DataResult;
}

and the column-settings.interface.ts:

export interface ColumnSettings {
    field: string;
    title?: string;
    filter?: 'string'|'numeric'|'date'|'boolean';
    format?: string;
    width?: number;
    _width?: number;
    filterable: boolean;
    orderIndex?: number;
}

We will make sure to update our documentation accordingly, so that these files are visible.

Regards,
Svetlin
Progress Telerik

[Dimitris]

Hi

 

This seems to work fine when reading data from a static JSON file, but when trying to use a JSON from an endpoint the process throws an not initialized datasource and we end up to an infinite loop. Can you please give an example how we can make it work properly from an endpoint?