How to reset State in dx-pivot-grid?

[sanket360]

I am using [stateStoring] like this-

<button (click)="Reset()">Reset State</button>

    <dx-pivot-grid style="width:600px;display:block" [(dataSource)]="pivotSource" [allowSorting]="true"
        [allowSortingBySummary]="true" [allowFiltering]="true" [allowExpandAll]="true"  [showBorders]="true"

        [fieldChooser]="{enabled: true}"
        [fieldPanel]="{visible: true}"
        [stateStoring]="{
            enabled: true,
            type: localStorage,
            storageKey: dx-widget-gallery-pivotgrid-storing
        }"
        >
    </dx-pivot-grid>

I want to know how to reset state on click on reset button in above snippet?

Also, Is there a way to store state other than localStorage type?

My Environment is-
Angular2 version RC5
devextreme-angular2 version: 16.1.5

[dxvladislavvolkov]

Hello!
You can read more about types of the storage here

Try to use the following code to reset the state:

import {Component, ViewChild} from '@angular/core';
import {DxPivotGrid} from 'devextreme-angular2'
...
export class App {
....
    @ViewChild(DxPivotGrid) pivotGrid: DxPivotGrid
    Reset() {
        this.pivotGrid.instance.getDataSource().state({});
    }
}

[sanket360]

Thanks @dxvladislavvolkov for quick response.

Any sample available for customSave and customLoad implementation?

[dxvladislavvolkov]

You can find some examples below:
dxDataGrid does not restore its state when it is loaded manually via customLoad
dxDataGrid - customLoad state storing example

[sanket360]

Thanks @dxvladislavvolkov but actually I am looking for angular2 samples.

[sanket360]

@dxvladislavvolkov Do you have sample for customSave and customLoad implementation in angular2?

[dxvladislavvolkov]

Hello!
You can see the example where customSave and customLoad are used in angular 2.

[sanket360]

Thanks @dxvladislavvolkov 👍