1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    8
    Vote Rating
    0
    vibhor_msat is on a distinguished road

      0  

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

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


    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...

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,085
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    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.

Thread Participants: 1

Tags for this Thread