Ext.ux.data.PagingStore [v0.5]

[calabacita]

Thanks a lot Condor, for your reply!!!

On the success event in the submit, I changed some things:

//instead of create a new object.
result.loadData(Ext.util.JSON.decode(request.response.responseText));

paging.bindStore(busquedaGrid.getStore());
busquedaGrid.footer = paging;
busquedaGrid.render();
busquedaGrid.getView().refresh();

Now, the grid and the pagingToolbar run correctly

[scblue]

Hi,

I changed this

stores[t] = new Ext.data.JsonStore({
            url: 'creategrid5.php?action=listing&type='+ t,
            //storeId: 'wstore',
            root: 'rows',
            listeners: {
                metachange: function(store, meta) {
                    var g = grids[t];
                    var cm = g.getColumnModel();
                    cm.setConfig(meta.colModel);
                    g.reconfigure(store, cm);

                }
            }
    });

to this:

stores[t] = new Ext.ux.data.PagingArrayStore({
            url: 'creategrid5.php?action=listing&type='+ t,
            //storeId: 'wstore',
            autoLoad: {params: {start: 0, limit: 10}},
            reader: new Ext.data.JsonReader(),
            listeners: {
                    metachange: function(store, meta) {
                        var g = grids[t];
                        var cm = g.getColumnModel();
                        cm.setConfig(meta.colModel);
                        g.reconfigure(store, cm);
                    }
            }           
    });

And now my grid does not show anything.
Any idea what went wrong?
I am using metadata to populate the grid.

Thanks!

----------------------------- Edit----------------------------------

Nvm, ignore my stupidity.
Did it with Ext.ux.data.PagingJsonStore.

Thanks!!!!

[Andrea Gioia]

In ext 3.1 final should be something like this ...

Ext.override(Ext.PagingToolbar, {
    doRefresh: function(){
        delete this.store.lastParams;
        this.doLoad(this.cursor);    
    }
});

gr8 job anyway, you have saved my day

[elizard]

Just upgraded to Ext 3.2.0, and noticed that sort is broken as multi-sort was introduced in 3.2.0. My quick and dirty fix is to change the signature of the method to not accept any arguments, and set the required arguments as follows:

sortData: function() {
    var direction = this.sortInfo.direction || "ASC"
        f = this.sortInfo.field;

Obviously the code won't work with multi-sort, but works well enough for my own use.

[PranKe01]

Same problem for me. Updated to 3.2 and the PagingToolbar sort doesn't work anymore. Would be nice, if it could be fixed

[deister]

I'm having the same issue with sorting and 3.2.

any plans for an update?

Thanks!

[Remy]

Fabulous ux, as always, good work Condor.

[elesel]

Just upgraded to Ext 3.2.0, and noticed that sort is broken as multi-sort was introduced in 3.2.0. My quick and dirty fix is to change the signature of the method to not accept any arguments, and set the required arguments as follows:

sortData: function() {
    var direction = this.sortInfo.direction || "ASC"
        f = this.sortInfo.field;

Obviously the code won't work with multi-sort, but works well enough for my own use.

You could also try this, which uses the base Ext.data.Store code after taking care of PagingStore-specific additions:

sortData: function {
    if (this.allData) {
        this.data = this.allData;
        delete this.allData;
    }
    Ext.data.Store.prototype.sortData.call(this);
    this.applyPaging();
}

[genio]

Great Stuff Condor!

Can the paging store be used with the grouping store?

[Condor]

You would need a PagingGroupingStore (code somewhere in this thread).

However, it's use is limited, because it can span groups over multiple pages.