CODEWITHSUNDEEP
javascriptlistviewmicrosoft-metrowindows-store-appswinjs
Brahim
Brahim

Reputation: 309

Set the scroll position in WinJS.UI.ListView

I want to scroll my ListView on a specific item automatically. The ListView must auto-scroll to an item from his index. 

listView.ensureVisible(itemIndex);

But it's not working. Another alternative:

yourListView.currentItem = { index: 8, hasFocus: true, showFocus: true }

And it's failed also.

How can this be solved?

Upvotes: 1

Views: 1806

Answers (2)

Jeremy Foster
Jeremy Foster

Reputation: 4763

I might have an answer for you. You can't set the scroll position of a ListView immediately because the layout for the ListView has not been done yet and so attempting to scroll it to a position is futile. So you have to wait until the ListView gets to that state where its layout has been calculated. Here's how...

myListView.onloadingstatechanged = function () {
    if (app.sessionState.homeScrollPosition && myListView.loadingState == "viewPortLoaded") {
        myListView.scrollPosition = app.sessionState.homeScrollPosition;
        app.sessionState.homeScrollPosition = null;
    }
};

You can see this in context by looking at the /pages/home/home.js file in my open source codeSHOW project. Hope that helps.

Upvotes: 0

GotDibbs
GotDibbs

Reputation: 3167

Generally you have to wrap your call to ensureVisible(index) in a call to msSetImmediate. Not sure exactly why this is the case, probably a bug, but works for me. Example:

msSetImmediate(function (){ listView.ensureVisible(4);} );

If you look at the documentation for setImmediate (msSetImmediate being a Microsoft specific implentation), the function is described as:

Requests that a function be called when current or pending tasks are complete, such as events or screen updates.

This does make a bit of sense as it sounds like it ensures that all list view animating etc is completed before making your call to ensure an item is visible.

See this thread for a related post: http://social.msdn.microsoft.com/Forums/en-US/winappswithhtml5/thread/2f11e46f-9421-4e31-93d3-fca06563ec41/

Upvotes: 1

Related Questions