Buffering Http State Provider

[pouniok]

It's working now !

So if someone, like me, calls its grids without any request but by instantiating new objects, you can handle state with only that code in your main page header :

Ext.state.Manager.setProvider(new Ext.ux.state.HttpProvider({
     url: '/myUrlToSaveState.do'
     ,readBaseParams:{action:'readState'}
     ,saveBaseParams:{action:'saveState'}
     ,autoRead:true
})); 

What you have to do :

• Make your saveState action return a json like : {success: true}
• Make your readState action return a json like : {success: true, data:[{name: 'list1', value: 'encodedState1'},{name: 'list2', value: 'encodedState2'}, ...]}

Then, when your grid saves its state, the HttpProvider automaticaly replace the old one with the new one in the state manager if your json returned success: true.

Hope it could help someone !

[bullfish]

Hello,

first of all thank you very much for this great piece of code and
all the examples on your webpage.

I am using your script to save the column data for different views.
I have a button, where people change the view and all the grid meta
data is getting loaded manual. Everything is working fine besides the
fact, that the filters of the GridFilter plugin and the sorting information
is not getting used and I don´t know how to do this.

If people change the view and they refresh the page, the filters and
sorting is just loaded without problem. I guess, thats because the
state information is there before the component renders?


This is my onReadSuccess-function. I made some changes to
apply the sent state data to the grids:

Ext.each(data, function(item) {
    var name = item[this.paramNames.name]
    this.state[name] =  this.decodeValue(item[this.paramNames.value]);
    var grid = Ext.getCmp(name);
    if(grid && grid.view) {
        tocon('applyState for ' + grid + ":" +  this.state[name]);
        grid.applyState( this.state[name] );
        grid.view.refresh(true);
    }
}, this); 

So what do I have to do to get filters and sorting working?
I appreciate your help a lot!

Jens

[jsakalos]

Sorting should work out of the box, at least it works at http://cellactions.extjs.eu/. Unfortunately, I know nothing about filters, if they have state keeping routines (getState, applyState, stateEvents) implemented.

[bullfish]

Hi Jozef,

thanks for your answer. I checked GridFilters.js and I finally solved my problem:

grid.applyState( this.state[name] );
grid.fireEvent('beforestaterestore', grid, this.state[name]);  //added
grid.plugins[0].reload(); //added 

But I have another problem now. I am dynamically loading the columnModel
with the following code:

var init_states = {{ states|safe }};

var projects_grid = new Ext.grid.GridPanel({
id: 'projects_grid',
store: projects_grid,
cm: new Ext.grid.ColumnModel({
    defaults: {
        sortable: true,
        width: 150
    }
}),
viewConfig: {
        onDataChange: function(){
            this.cm.setConfig(this.ds.reader.jsonData.columns);
            // I put the initState() here because I thought, the cm is set then..
            Ext.state.Manager.getProvider().initState(init_states);
            this.syncFocusEl(0);
       }
},
// (...) 

But the column state is not getting restored. Not at page refresh
and not when I press my change-view-and-load-a-new-state button. Everything
worked fine, when the column model was static. I guess, the HttpProvider
does not find the columns or they are not loaded yet when the
pages is loaded.

What can I do about this? Any ideas?

Thanks for your help.

[jsakalos]

setConfig doesn't do anything with the state, doesn't apply it. You need to do it yourself.

[bullfish]

And how? What would be the approach to do this?

[jsakalos]

See applyState method of GridPanel, that should give you a good start.

[jamie.nicholson]

Thanks Saki for a great extension. Found a problem with SmartCheckBoxSelectionModel v1.17.
It stomps the State provider, which means all future state changes are saved to the cookies event when you configure your app to use your extension.
It should at least check if there is a provider defined before stomping it.

I'll drop a note on the other thread.

Offending Code in SmartCheckBoxSelectionModel

    onHdMouseDown : function(e, t){
//............

        // Load the state manager
           Ext.state.Manager.setProvider(new Ext.state.CookieProvider());            
           Ext.state.Manager.loaded = true;            

    },


    onMouseDown : function(e, t){

//............

        // Load the state manager
           Ext.state.Manager.setProvider(new Ext.state.CookieProvider());            
           Ext.state.Manager.loaded = true;            

    },

[jsakalos]

Thanks for the info. Yes, the extension should check the provider and throw an exception if it doesn't find one forcing the developer to setup one to his liking.

[Rob_mac]

Apologies if this is a known issue - I searched the thread but couldn't find it mentioned anywhere.

I'm using HttpProvider for saving a grid's state, and all is working great (thanks!) except that I noticed that an empty queue was getting saved to the database every once in a while. Further investigation led to a change to the following line of code within the queueChange function:

var changed = undefined === lastValue || lastValue !== value;

This was changed to:

var changed = undefined === lastValue || this.encodeValue(lastValue) !== this.encodeValue(value);

This fix seems to prevent the dirty flag being incorrectly set to true when there are no changes.