Scroll to view the selected list item function

[elwhiz]

Hi,

We have an application that has a list with many items.
In Portrait mode on the iPad, the user can see about 5 items. We maintain a "currently" selected item in the list.
Is there a function that I can call, to ensure the currently Selected item is always visible?

For example...
Let's say there are 50 items in the list.
Then, let's say the user has scrolled down and selected item #40.
Then, the list gets refreshed.
After the list is reloaded, I need to call a function that will automatically scroll item #40 into view.

Is there such a function ?

Thanks

[mitchellsimoens]

You need to get the position of the selected item and then scroll to it.

var store = list.getStore(),
    selected = list.getSelection()[0],
    idx = store.indexOf(selected),
    els = list.container.getViewItems(),
    el = els[idx],
    offset = el.dom.offsetTop;

list.getScrollable().getScroller().scrollTo(0, offset);

*typed from top of my head*

[shweta.saxena09]

Uncaught TypeError: Cannot read property 'offsetTop' of undefined

Error is showing

[mitchellsimoens]

may have to do Ext.get(el).dom.offsetTop then

[shweta.saxena09]

onItemTap: function(list, index, target, record, e) {        
            var store = list.getStore(),
            selected = list.getSelection()[0],
            idx = store.indexOf(selected),
            els = list.container.getViewItems(),
            el = els[idx],
            offset = Ext.get(el).dom.offsetTop;


           list.getScrollable().getScroller().scrollTo(0, offset);
}

Not working

[mitchellsimoens]

Which part? Have you tried anything else?