stateChange event handler to save the layout

[pavan6014]

Do we have any event lister for state change like below to save the layout ?

this.dockManager.addEventListener("stateChanged", () => {
this.saveLayout();
});

Can you provide event handler for layout changes so that I can save the layout in local storage and retrieve when the page refresh.

saveLayout() {
if (localStorage.getItem('layout')) {
this.dockManager.layout = JSON.parse(localStorage.getItem('layout'));
} else {
this.savedLayout = JSON.stringify(this.dockManager.layout);
localStorage.setItem('layout', this.savedLayout);
}
}

[pavan6014]

In the below example, layout can be saved/restored using two different actions. (saveLayout(), loadLayout()).

https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/dock-manager#saveload-layout

I don't want to use any action items to save the layout.

It should save the layout automatically when ever some changes happened in the layout (it can be close tab, drag tab, add tab etc.).

Kindly provide any alternative for this solution if "stateChange" event not available.

[igdmdimitrov]

We have added layoutChange event in version 1.8.0.