not able to catch store events in Ext.ux.grid.livegrid.Store

[vibhor_msat]

Hi Guys,
I am trying to catch the store events(like 'load', 'beforeload','exception') in Ext.ux.grid.livegrid.Store
but i am not able to catch them i.e. code inside the listeners are not getting executed when i scroll the scrollbar and new data is loaded in store from server.

var mystore = new Ext.ux.grid.livegrid.Store({
// autoLoad : true,
url : GLOBALCONTEXTPATH+'/conflictContrlr/getDataForLiveGrid.do',
bufferSize : 40,
reader : new Ext.ux.grid.livegrid.JsonReader({
id: '_id',
root: 'data',
totalProperty: 'totalCount',
successProperty: 'success',
messageProperty : 'message',

versionProperty : 'version'
}, [ {
name : 'c1', type:'string'
},{
name : 'c2', type:'string'
},{
name : 'c3', type:'string'
},{
name : 'c4', type:'string'
},{
name : 'c5', type:'string'
},{
name : 'c6', type:'string'
}]),
sortInfo : {field: 'c1', direction: 'ASC'},
listeners : [{
'load' : function(){
alert('loaded');
}
}]
});


var myView1 = new Ext.ux.grid.livegrid.GridView({
loadMask : {
nearLimit : 35,
msg : 'Buffering. Please wait...'
}
});

var livegrid = new Ext.ux.grid.livegrid.EditorGridPanel({
stripeRows : true,
columnLines : true,
enableDragDrop : false,
cm : new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer({header : 'S.No.',width : 40}),
{header: "Conflict Id", align : 'center', width: 100, dataIndex: 'c1'},
{header: "Conflict Party Id", align : 'center', width: 120, dataIndex: 'c2',editable : true},
{header: "Conflict Start Date", align : 'center', width: 130, dataIndex: 'c3'},
{header: "Conflict End Date", align : 'center', width: 130, dataIndex: 'c4'},
{header: "CGA Id", align : 'center', width: 100, dataIndex: 'c5'},
{header: "SAV Id", align : 'center', width: 100, dataIndex: 'c6'},
]),
loadMask : {
msg : 'Loading...'
},
// height : 150,
title : 'Conflict Search Results',
stripeRows : true,
// width : 600,
store : mystore,
selModel : new Ext.ux.grid.livegrid.RowSelectionModel(),
view : myView1,
bbar : new Ext.ux.grid.livegrid.Toolbar({
view : myView1,
displayInfo : true
})
});





using ExtJS version 3.4.



please suggest something guys...

[scottmartin]

Have you looked at the source for LiveGrid to see if they have created their own load events to support the range loads? Have a look at the code under /src ... start with Store.js

Scott.