Scroll Events in TouchGridPanel

[Edition1]

Hi ,

I wanted to capture "Scroll" event of the TouchGridPanel.

Any ideas, pointers for the same?

My requirement is to make 1st column of grid freeze. So am trying to put 1 list and touchGridPanel in a Panel.
Now I have captured scroll event of the list and accordingly setting offset for the Grid as well.

rptList.scroller.on('scroll', scrollGrid);

But vice-versa for the grid is not working.. i.e when am scrolling grid, the function is not getting called.
grid.scroller.on('scroll', scrollList);

Please advice.

Thanks in advance.

[mitchellsimoens]

All the TouchGridPanel is is a Panel with a DataView. So get the scroller on the dataview and listen to it's events.

[Syntona]

Hi,
I am trying to capture Scroll event on TouchGridPanel .

As per suggestion, I did the following code but on scroll
it is not at all coming to

startScroll function.

neither it is giving any error.

Could you please point out the mistake or any pointer. Thanks in advance.

Ext.ux.TouchGridPanel = Ext.extend(Ext.Panel, {
    layout        : "fit",
     multiSelect   : false,
    scroll        : "both",

    initComponent : function() {
        var me = this;
        me.items = me.dataview = me.buildDataView();

        if (!Ext.isArray(me.dockedItems)) {
            me.dockedItems = [];
        }
         me.header = new Ext.Component(me.buildHeader());
        me.dockedItems.push(me.header);

        Ext.ux.TouchGridPanel.superclass.initComponent.call(me);

        var store = me.store;
         store.on("update", me.dispatchDataChanged, me);

         var dataview = me.dataview;        
        dataview.on("scroll", me.startScroll, me);

    },

startScroll: function (scroller, offset) {
        console.log('is this event captured???')
        var me = this;


        me.fireEvent("scroll", this.scroller, offset);
    },

[Syntona]

Hi

Update to previous post.

I guess, can listen to scroll event only after data loaded.
before that var scroller = me.dataview.scroller; is always NULL.

I tried to get the scroller after the grid data loaded.

i.e @ where am displaying grid

 
 var grid1 = new Ext.ux.TouchGridPanel({
....

 gridStore.on('load', function() {    
   grid1.scroller.on('scroll', function(){               console.log('is this event captured???');
            });
}

But still am not able to capture scroll event when i scroll Grid.

[Syntona]

Hi,

just to update, i managed to scroll the grids.