Grid multiSelect and paging

[mmajid]

Hello everybody I'm trying to implement a multiselection on pagging grid panel however when i switch from page to another the grid loose the selection. is there a special way to do this?
if is not I'm trying to manage the selection so i've added a handler on the 'change' paging docked item but the selection is empty when I pass from page to page.
can somebody help

 this.selectedElements = [];
        var sm = null;
        if (!this.singleSelect) {
            var sm = Ext.create('Ext.selection.CheckboxModel');
        }
 if (!this.store) {
            this.store = Ext.create('mega.model.util.list.Store', {
                //buffered: true, //for infinite scroller
                pageSize: this.pageSize,
                remoteSort: true,
                remoteFilter: true,
                url: this.url,
                autoDestroy: true,
                isAPropertyPage: false,
                cookieId: this.cookieId,
                fields: this._getFields(this.cols)
            });
        }
 var dockedPagingItems = Ext.create('Ext.toolbar.Paging', {
            store: this.store,
            dock: 'bottom',
            displayInfo: true
        });

        dockedPagingItems.on('change', function (tool, page, eOps) {
            var selectdOnPage = this.grid.getSelectionModel().getSelection();
            for (var i = 0; i < selectdOnPage.length; i++) {
                this.selectedElements.push(selectdOnPage[i]);
            }
            console.log("Page Changed -> Selected :" + this.selectedElements.length);

        }, this);

this.grid = Ext.create('Ext.grid.Panel', {
            autoScroll: true,
            store: this.store,
            columns: this._getListColumns(this.cols),
            //features:[filtersCfg],
            hideHeaders: this.hideHeaders,
            enableColumnResize: true,
            enableColumnHide: false,
            enableColumnMove: false,
            _isGrid: true,
            selType: 'rowmodel',
            selModel: sm,
            viewConfig: {
                singleSelect: true
            },
            dockedItems: [dockedPagingItems]
        });

[mitchellsimoens]

You will need to manage the selection yourself, there is no built-in way to do this.

[mmajid]

I'm trying to manage the multiselection with paging and now i'm able to store selection for each page however when i'm passing from page to page i must reselect previous elements.

I've noticed something wierd in my example the limit of each page is 50 records. when i select the first element in the second page and I get my selection

var records = grid.getSelectionModel().getSelection()

the index of the selected record is 51 But if i want to select this element with the same index.

grid.getSelectionModel().select(records[0].index,true,true)

it bugs. i think because the first index of the each page begins with 0 and not the limit + 1.
Is it normal is there another way to make the previous selectes elements in a grid Selected

[mitchellsimoens]

The record's index is going to be the current index of the store. You shouldn't use the index, you should just keep track of the records and select the records.