> Hi,

> I have created a sample Flex application that uses HorizontalList
> component.

> Now when I use static dataprovider that is if data to display is
> static the HorizontalList component is working but when I use dynamic
> dataprovider component's scrolling doesn't work.

> My code for the sample app is as under:

> sampleHList.mxml

> <?xml version="1.0"?>
> <!-- Simple example to demonstrate the HorizontalList Control. -->
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

>     <mx:Script>
>         <![CDATA[
>                 import mx.collections.ArrayCollection;

>             [Bindable]
>             [Embed(source="assets/album1.jpg")]
>             public var phone1:Class;

>             [Bindable]
>             [Embed(source="assets/album2.jpg")]
>             public var phone2:Class;

>             [Bindable]
>             [Embed(source="assets/album3.jpg")]
>             public var phone3:Class;

>             [Bindable]
>             [Embed(source="assets/album4.jpg")]
>             public var phone4:Class;

>             private var hListDP:ArrayCollection;

>                         private function initHList():void
>                         {
>                                 hListDP = new ArrayCollection();
>                 var tempObj:Object;

>                 for(var itemCtr:Number=0; itemCtr<4; itemCtr++)
>                 {
>                         tempObj = new Object();
>                         tempObj.label = "";
>                         tempObj.thumbnailImage = "http://www.somedomain.com/
> flexApp/images/album"+[itemCtr+1]+".jpg";//url from feed
>                         hListDP.addItem(tempObj);
>                 }

>                 hList.dataProvider = hListDP;
>                 hList.invalidateDisplayList();

>                 var rendererProducer:ClassFactory = new ClassFactory
> (CustomHorizontalListRenderer);
>                 rendererProducer.properties = {width:hList.width/
> 2,height:hList.height*2};
>                 hList.itemRenderer = rendererProducer;

>                         }
>        ]]>
>     </mx:Script>

>     <mx:Panel title="HorizontalList Control Example" height="75%"
> width="75%"
>         paddingTop="10" paddingBottom="10" paddingLeft="10"
> paddingRight="10">

>         <mx:Label width="100%" color="blue"
>            text="A HorizontalList control displays items in a single
> row."/>

>         <mx:HorizontalList id="hList" height="125" columnCount="3"
> columnWidth="125" creationComplete="initHList()">
>             <!--<mx:dataProvider>
>                 <mx:Array>
>                     <mx:Object label="Nokia 6630" icon="{phone1}"/>
>                     <mx:Object label="Nokia 6680" icon="{phone2}"/>
>                     <mx:Object label="Nokia 7610" icon="{phone3}"/>
>                     <mx:Object label="Nokia LGV" icon="{phone4}"/>
>                 </mx:Array>
>             </mx:dataProvider>-->
>         </mx:HorizontalList>
>         </mx:Panel>
> </mx:Application>

> And here is the code for custom ItemRenderer:

> <?xml version="1.0" encoding="utf-8"?>
> <mx:Canvas  name="CustomHorizontalListRenderer" xmlns:mx="http://www.adobe.com/2006/mxml" borderStyle="solid" >
>         <mx:VBox horizontalAlign="center"  verticalAlign="middle">
>                 <mx:Image source="{data.thumbnailImage}" horizontalAlign="center"
> verticalAlign="middle"/>
>     </mx:VBox>
> </mx:Canvas>

> Can anybody throw some light on this issue? Thanks,

> Sincerely,
> Kalyani R. Tiwari

> A little shift,
> put before the loop..
> var rendererProducer:ClassFactory = new ClassFactory
> (CustomHorizontalListRenderer);
>                 rendererProducer.properties = {width:hList.width/
> 2,height:hList.height*2};
>                 hList.itemRenderer = rendererProducer;

> hList.dataProvider = hListDP;
> and add
> hListDP.refresh();
>                 hList.invalidateDisplayList();

> HTH
> Anand

> On Oct 26, 11:28 am, Kalyani Tiwari <kalyanialshi6...@gmail.com>
> wrote:

> > Hi,

> > I have created a sample Flex application that uses HorizontalList
> > component.

> > Now when I use static dataprovider that is if data to display is
> > static the HorizontalList component is working but when I use dynamic
> > dataprovider component's scrolling doesn't work.

> > My code for the sample app is as under:

> > sampleHList.mxml

> > <?xml version="1.0"?>
> > <!-- Simple example to demonstrate the HorizontalList Control. -->
> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

> >     <mx:Script>
> >         <![CDATA[
> >                 import mx.collections.ArrayCollection;

> >             [Bindable]
> >             [Embed(source="assets/album1.jpg")]
> >             public var phone1:Class;

> >             [Bindable]
> >             [Embed(source="assets/album2.jpg")]
> >             public var phone2:Class;

> >             [Bindable]
> >             [Embed(source="assets/album3.jpg")]
> >             public var phone3:Class;

> >             [Bindable]
> >             [Embed(source="assets/album4.jpg")]
> >             public var phone4:Class;

> >             private var hListDP:ArrayCollection;

> >                         private function initHList():void
> >                         {
> >                                 hListDP = new ArrayCollection();
> >                 var tempObj:Object;

> >                 for(var itemCtr:Number=0; itemCtr<4; itemCtr++)
> >                 {
> >                         tempObj = new Object();
> >                         tempObj.label = "";
> >                         tempObj.thumbnailImage = "http://www.somedomain.com/
> > flexApp/images/album"+[itemCtr+1]+".jpg";//url from feed
> >                         hListDP.addItem(tempObj);
> >                 }

> >                 hList.dataProvider = hListDP;
> >                 hList.invalidateDisplayList();

> >                 var rendererProducer:ClassFactory = new ClassFactory
> > (CustomHorizontalListRenderer);
> >                 rendererProducer.properties = {width:hList.width/
> > 2,height:hList.height*2};
> >                 hList.itemRenderer = rendererProducer;

> >                         }
> >        ]]>
> >     </mx:Script>

> >     <mx:Panel title="HorizontalList Control Example" height="75%"
> > width="75%"
> >         paddingTop="10" paddingBottom="10" paddingLeft="10"
> > paddingRight="10">

> >         <mx:Label width="100%" color="blue"
> >            text="A HorizontalList control displays items in a single
> > row."/>

> >         <mx:HorizontalList id="hList" height="125" columnCount="3"
> > columnWidth="125" creationComplete="initHList()">
> >             <!--<mx:dataProvider>
> >                 <mx:Array>
> >                     <mx:Object label="Nokia 6630" icon="{phone1}"/>
> >                     <mx:Object label="Nokia 6680" icon="{phone2}"/>
> >                     <mx:Object label="Nokia 7610" icon="{phone3}"/>
> >                     <mx:Object label="Nokia LGV" icon="{phone4}"/>
> >                 </mx:Array>
> >             </mx:dataProvider>-->
> >         </mx:HorizontalList>
> >         </mx:Panel>
> > </mx:Application>

> > And here is the code for custom ItemRenderer:

> > <?xml version="1.0" encoding="utf-8"?>
> > <mx:Canvas  name="CustomHorizontalListRenderer" xmlns:mx="http://www.adobe.com/2006/mxml" borderStyle="solid" >
> >         <mx:VBox horizontalAlign="center"  verticalAlign="middle">
> >                 <mx:Image source="{data.thumbnailImage}" horizontalAlign="center"
> > verticalAlign="middle"/>
> >     </mx:VBox>
> > </mx:Canvas>

> > Can anybody throw some light on this issue? Thanks,

> > Sincerely,
> > Kalyani R. Tiwari- Hide quoted text -

> - Show quoted text -