Comments on: Scrolling to a specific index in a Flex List control

By: Peter deHaan

Peter deHaan — Wed, 12 May 2010 23:57:26 +0000

Not sure why I seemingly didn't turn this into a real example earlier, but I just reposted this as "Scrolling to a specific index in a Spark List control in Flex 4". Peter

By: Peter deHaan

Peter deHaan — Tue, 30 Mar 2010 23:08:30 +0000

@Vanessa,

Can you please file a bug at http://bugs.adobe.com/flex/ and include a simple test case and somebody from the Flex team can take a look.

Thanks,
Peter

By: Vanessa

Vanessa — Tue, 30 Mar 2010 15:27:37 +0000

Hi,

My list control uses a custom item renderer. I am switching views between a data grid and a list view both containing the same data.
I need to show the selected item in both views when I switch.
I have tried scrollToIndex() with even a hard coded value, but the list view just refuses to scroll. Is this because of the custom item renderer component? I am defining my list view as follows:

 x="0" y="3" id="listView" width="100%" height="100%"
		dataProvider="{productData}" 
		itemClick="displayDetail(event)"
		itemRenderer="components.ProductListRenderer"
		alternatingItemColors="[#DAF4F6, #FFFFFF]" themeColor="#2119C4">>

Please help…

By: kimbyunggeon

kimbyunggeon — Tue, 23 Feb 2010 02:25:03 +0000

thanks useful infomation :-)
addtion, how to know selected nodes of hierachical xml?

i want to scrolling automatically by program.

i know how to dynamically scrolling use scrollToIndex method.. but can not find a value for it

please any help..

By: Peter deHaan

Peter deHaan — Fri, 14 Aug 2009 16:00:24 +0000

@Marcin,

In Flex 4/Spark, the API is called ensureIndexIsVisible(). Apparently I haven’t done an entry on that yet, but here’s an example:

"1.0" encoding="utf-8"?>
 xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">
 
    >
        [CDATA[
            protected function slider_changeHandler(evt:Event):void {
                list.ensureIndexIsVisible(slider.value);
            }
 
            protected function list_labelFunc(item:Object):String {
                return item.index + ") " + item.label;
            }
        ]]>
    >
 
     id="slider" 
            minimum="0" maximum="{list.dataProvider.length-1}"
            change="slider_changeHandler(event)" />
 
     id="list"
            labelFunction="list_labelFunc" 
            horizontalCenter="0" verticalCenter="0">
        >
             gap="0"
                    horizontalAlign="contentJustify"
                    requestedRowCount="5" />
        >
        >
            >
                 label="One"       index="0" />
                 label="Two"       index="1" />
                 label="Three"     index="2" />
                 label="Four"      index="3" />
                 label="Five"      index="4" />
                 label="Six"       index="5" />
                 label="Seven"     index="6" />
                 label="Eight"     index="7" />
                 label="Nine"      index="8" />
                 label="Ten"       index="9" />
                 label="Eleven"    index="10" />
                 label="Twelve"    index="11" />
                 label="Thirteen"  index="12" />
                 label="Fourteen"  index="13" />
                 label="Fifteen"   index="14" />
                 label="Sixteen"   index="15" />
                 label="Seventeen" index="16" />
                 label="Eighteen"  index="17" />
                 label="Ninteen"   index="18" />
                 label="Twenty"    index="19" />
            >
        >
    >
 
>

Peter

By: Marcin

Marcin — Fri, 14 Aug 2009 15:05:11 +0000

Do you know how to scroll to index in flex 4 spark list?
There is no method scrollToIndex.

By: Benjamin

Benjamin — Wed, 12 Aug 2009 13:34:36 +0000

Thank you so much!

By: Benjamin

Benjamin — Wed, 12 Aug 2009 13:23:20 +0000

That was helpful!

By: List of

List of — Mon, 19 Nov 2007 00:42:38 +0000

Sweet, I have been looking for some way to do this.
Helpful post, thanks.

By: Nate

Nate — Fri, 09 Nov 2007 17:18:36 +0000

Is there anyway to make it so the list kinda “iPhone” like scrolls to the selected index? I have no idea how to do this, but it would be cool :)