Flex : Adding a click handler on SkinnableDataContainer's items

Posted by sebpiq on Stack Overflow See other posts from Stack Overflow or by sebpiq
Published on 2010-05-21T12:57:17Z Indexed on 2010/05/21 15:10 UTC
Read the original article Hit count: 240

Filed under:

flex4

|

itemrenderer

|

flex

Hi,

I am new to Flex.

What I am looking for here is adding a click handler on all the items created by a SkinnableDataContainer. I tried several things that didn't work, and I have no idea what is the right way to do it.

<s:SkinnableDataContainer id="teamList"
                          itemRenderer="TeamSummaryRenderer">
    <s:dataProvider>
        <s:ArrayList>
            <fx:Object teamName="A super team 1"/>
            <fx:Object teamName="A super team 2"/>
            <fx:Object teamName="A super team 3"/>
        </s:ArrayList>
    </s:dataProvider>
</s:SkinnableDataContainer>

Furthermore, I don't want to declare the handler in my custom TeamSummaryRenderer component. I would prefer that the handler code stays at application level.

Is there a simple 'Flex-ish' to achieve this ?

© Stack Overflow or respective owner

Related posts about flex4

how to embed pure as3 bitmap assets with flex4 (worked with flex3)

as seen on Stack Overflow - Search for 'Stack Overflow'
In Flex3, I could compile pure as3 code and use "embed" tags to load in images. This was done by Flex making a BitmapAsset class. I can still do this in Flex4. However, there was a trick to fakeout flex3 and use my own mx.core.BitmapAsset class to remove some of the extraneous stuff Flex's BitmapAsset… >>> More
Making a mini paint area in AS3/Flex4

as seen on Stack Overflow - Search for 'Stack Overflow'
So below is the code I have so far. For now I simply want to make it draw a square and have it show up. Right now when I click the area defined in MXML as <components:PaintArea width="100%" height="100%" id="paint-a"></PaintArea> it shows nothing; however, the actionlistener is getting… >>> More
Trying to draw a Rectangle to a Custom Container in Flex4/AS3

as seen on Stack Overflow - Search for 'Stack Overflow'
So below is the code I have so far. For now I simply want to make it draw a square and have it show up. Right now when I click the area defined in MXML as <components:PaintArea width="100%" height="100%" id="paint-a"></PaintArea> it shows nothing; however, the actionlistener is getting… >>> More
Advantages of Migrating Flex3 App to Flex4

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi guys, What are the advantages of migrating a Flex 3 app (Java backend, BlazeDS, Spring, Hibernate) to Flex 4? One of the biggest advantages of Flex 4 is design. Assuming that design / UI isn't a big driver for the business right now as compared to performance, what are the other factors we can… >>> More
how to auto select the first index in a sparks List control in flex4

as seen on Stack Overflow - Search for 'Stack Overflow'
hi i have a spark List control. it has a dataProvider that shows reply from twitter search. i have created a function for change handler like this: protected function list_changeHandler(event:IndexChangeEvent):void { ta.text = coverflow.selectedItem.title; … >>> More

Related posts about itemrenderer

Can't interact with children of an itemRenderer in Flex 4 Gumbo

as seen on Stack Overflow - Search for 'Stack Overflow'
I thought this would be pretty easy but I'm running into all sorts of problems with this. I have an ItemRenderer with a an image and two labels. I want to assign separate mouse events to the image and two labels. It seems like the item renderer is treated like a single interactive piece and I haven't… >>> More
Access to multiple ItemRenderers within an AdvancedDataGrid

as seen on Stack Overflow - Search for 'Stack Overflow'
I've create an AdvancedDataGrid where most of the cell are based on an ItemRenderer. The custom ItemRenderer (SoundBox) extends VBox. This custom component allow for simple changes in the background color based on user clicking on a cell. Here is the snippet of the AdvancedDataGrid (nothing too… >>> More
Adobe Flex Datagrid: addEventListener MouseEvent.CLICK

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a datagrid with a custom label itemrenderer (basically it makes the label look like a traditional html hyperlink). <mx:DataGridColumn id="itemId"> <mx:itemRenderer> <mx:Component> <controls3:HyperlinkLabel text="{data.doc}" /> </mx:Component> … >>> More
How do I stop a datagrid's first-row itemRenderer from instantiating/adding/initializing/etc twice?

as seen on Stack Overflow - Search for 'Stack Overflow'
In a Flex DataGrid's first row, the itemRenderer will initialize twice. Tracing the results reveals that the flex framework is possibly creating two instances of the first row's itemRenderer. In a more complex application, where the itemRenderer contains a data-bound ColorPicker, we're seeing an… >>> More
Flex AdvancedDataGrid - ColumnOrder With Formatter and ItemRenderer Question For Experts

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a advanceddatagrid that has around 15 columns. Some are string, some are numbers. I have shown 4 columns below. The number columns have formatting done for zero precision and 2 digits precision. The itemRenderer is just to show Blue Color if the number is +ve and Red Color if the number is… >>> More