saveState filterModel

[omerix]

Hello,
How do I save the filter model to "saveState"?

I have to open it again when the page opens.

[paramvir]

Filter values and conditions are saved in columns. It's enabled by default and configurable through stateColKeys option.

https://paramquery.com/pro/api#option-stateColKeys

https://paramquery.com/pro/demos/grid_state

[omerix]

I beg your pardon. I tried it right now, but it didn't. Can you give sample code? What can I do?

Code: [Select]

,stateColKeys:{filterModel:1}

[omerix]

I've added this code.

Code: [Select]

,stateKeys : {filterModel:['header','on','mode','type','timeout']}

In "Storage", I see "header true".

But "header" is not open.

[paramvir]

There is inbuilt support to restore only existing default models ( groupModel, pageModel & sortModel in stateKeys ) via loadState.

filterModel can be added in localStorage via stateKeys but loadState can't restore it automatically.

you might need to read filterModel from localStorage directly and update filterModel of grid.

[omerix]

...you might need to read filterModel from localStorage directly and update filterModel of grid.

I don't know how to do that. I will try to make it.

[paramvir]

Please use this

Code: [Select]

create: function () {
//restore state of grid.                               
                this.loadState({
refresh: false
});

var state = JSON.parse(localStorage.getItem("pq-grid"+this.element[0].id ));
this.option('filterModel.header', state.filterModel.header);
},


[omerix]

Thanks Param.

Works very well

Code: [Select]

this.loadState({refresh: false});
var state = JSON.parse(localStorage.getItem("pq-grid"+this.element[0].id));
if (state!=null) {
console.log(this.element[0].id);
this.option('filterModel', state.filterModel);
this.option('menuIcon', state.menuIcon);
};