When working with repeaters, one good technique is to create a custom
object, and repeat that. Pass into that component the entire
dataProvider Item. It will make the repeater code much cleaner (no
currentItem stuff), plus, if you also implement a getter for the item,
you can access that in an event handler via the target property, no
worrying about getRepeaterItem. Below is some sample code.
Tracy
Goal: Display a list of items using a complex display for each item, and
have each of those items behave like a menu element and respond to a
click anywhere on the item by running a handler function.
One solution is to use a Repeater with a custom component
In the main app or component, declare the Repeater, and the click
handler function.
<mx:Application ...
<mx:Script><![CDATA[
import MyRepeaterItem;
...
private function onRPItemClick(oEvent:Event):void
{
var xmlItem:XML = XML(oEvent.target);
}//onRPItemClick
]]></mx:Script>
<mx:VBox ...>
<mx:Repeater id="rp" dataProvider="{_xmlData}" ...>
<!-- Note we pass in the entire currentItem, and define a click
handler -->
<MyRepeaterItem xmlItem="{rp.currentItem}"
itemClick="onRPItemClick(event)" .../>
</mx:Repeater
</mx:VBox>
</mx:Application>
And in the component, MyRepeaterItem.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox mouseChildren="false" buttonMode="true" click="onClick(event)"
>
<!-- The metadata tag below allows us to define an itemClick handler
in mxml, as in the code above -->
<mx:Metadata>
[Event(name="itemClick", type="flash.events.Event")]
</mx:Metadata>
<mx:Script><![CDATA[
[Bindable]private var _xmlItem:XML;
/** Setter function */
public function set xmlItem(xml:XML):void
{
_xmlItem = xml;
//do any special, non-bound ui stuff you want
}//set xmlItem
/** Getter function */
public function get xmlItem():XML
{
return _xmlItem;
}//get xmlItem
/** Outer VBox Click handler function */
private function onClick():void
{
dispatchEvent(new Event("itemClick",false); //we do not need/want
this event to bubble
}//onClick
]]></mx:Script>
<!-- Now declare the Item UI -->
<mx:Text id="lbDescription" text="[EMAIL PROTECTED]"
width="100%" height="100%" />
</mx:HBox>
________________________________
From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of grimmwerks
Sent: Saturday, April 19, 2008 10:28 AM
To: [email protected]
Subject: Re: [flexcoders] naming children of repeater problem with xml
Ah - think I might have a way around it with getRepeaterItem()
click="Alert.show(String(event.currentTarget.getRepeaterItem()[EMAIL
PROTECTED]) +
' pressed')"
On Apr 19, 2008, at 10:12 AM, grimmwerks wrote:
I've read this article on giving the id of a child the currentItem.Name
of a repeater:
http://www.adobe.com/devnet/air/flex/articles/xml_viewer_on_air_04.html
<http://www.adobe.com/devnet/air/flex/articles/xml_viewer_on_air_04.html
>
The trouble is my xml is using attributes such as this:
<circle type="work" x="100" y="300" percent="25" />
Now on the whole most of what I'm doing to get at attributes works
EXCEPT for the id:
<mx:Repeater id="rep"
dataProvider="{CircleData.getInstance().currentCircle.circle}">
<mx:Button x="{Number([EMAIL PROTECTED])}"
y="{Number([EMAIL PROTECTED])}"
width="{(Number([EMAIL PROTECTED])*defaultSize)}"
height="{(Number([EMAIL PROTECTED])*defaultSize)}"
styleName="{String([EMAIL PROTECTED])}"
label="{String([EMAIL PROTECTED]).toUpperCase()}"
useHandCursor="{CircleData.getInstance().isEdit}"
buttonMode="{CircleData.getInstance().isEdit}"
mouseMove="mouseMoveCircle(event);circleOffsetClick(event)"
toolTip="{'At the moment '+
String([EMAIL PROTECTED])+' is '[EMAIL PROTECTED]'% of my
life at the moment'}" addedEffect="blur" />
</mx:Repeater >
I can't get the currentItem type and making that the id by
id="{String([EMAIL PROTECTED])}"
I can't even 'fake it' with the currentIndex or anything:
id="{String(rep.currentIndex)}".
Is there any way around this?
