Oh yeah,
One other thing.
I put your child creation in createChildren for performance.
The one thing I didn't add was you need a way to restore the state of the
radio buttons based on your model.
Do this in commit properties like where you are setting the label. Otherwise
everything will get messed up.
Peace, Mike
On 9/11/07, Michael Schmalle <[EMAIL PROTECTED]> wrote:
>
> > I was thinking that I could listen for the click event on the radio
> buttons,
> capture the event, and dispatch a new custom event.
>
> Troy,
>
> Do this. I don't recommend bubbling events especially in itemRenderers.
> You are just asking for trouble down the road.
>
> Unless your event is called AASDSD_32213_EVENT. :)
>
> Bubbling events can cause naming collisions.
>
> I would just handle the event in the itemRenderer and dispatch and event
> through the listOwner.
>
> Then you can just add a listener to the List instance.
>
> Peace, Mike
>
>
> This code should work, I didn't test it. ;-)
>
>
> //--------------------------------------------------------------------------------------------------------------
>
>
> package my.renderers
> {
>
> import mx.containers.Canvas;
> import mx.controls.Label;
> import mx.controls.RadioButton;
> import mx.controls.RadioButtonGroup;
> import mx.controls.listClasses.IDropInListItemRenderer ;
> import mx.controls.listClasses.ListData;
> import mx.events.ItemClickEvent;
>
> public class ListItemRenderer
> extends Canvas
> implements IDropInListItemRenderer
> {
>
> private var lbl:Label;
> private var rdoYes:RadioButton;
> private var rdoNo:RadioButton;
> private var rdoGrp:RadioButtonGroup;
>
> //----------------------------------
> // listData
> //----------------------------------
>
> private var _listData:ListData;
>
> [Bindable("dataChange")]
>
> public function get listData():BaseListData
> {
> return _listData;
> }
>
> public function set listData(value:BaseListData):void
> {
> _listData = ListData(value);
> invalidateProperties();
> }
>
> //----------------------------------
> // data
> //----------------------------------
>
> protected var dataChanged:Boolean = false;
>
> override public function set data(value:Object):void
> {
> super.data = value;
> dataChanged = true;
> invalidateProperties();
> }
>
>
> public function ListItemRenderer()
> {
> super();
> }
>
>
> override protected function createChildren():void
> {
> super.createChildren();
>
> lbl = new Label();
>
> rdoNo = new RadioButton();
> rdoNo.label = "No";
> rdoNo.setStyle("right",10);
>
> rdoYes = new RadioButton();
> rdoYes.label = "Yes";
> rdoYes.setStyle("right",60);
>
> rdoGrp = new RadioButtonGroup();
>
> rdoGrp.addEventListener(
> ItemClickEvent.ITEM_CLICK,
> itemClickHandler);
>
> rdoNo.group = rdoGrp;
> rdoYes.group = rdoGrp;
>
> addChild(lbl);
> addChild(rdoYes);
> addChild(rdoNo);
>
> }
>
> override protected function commitProperties():void
> {
> super.commitProperties();
>
> if (dataChanged)
> {
> if (data)
> {
> lbl.text = data.label;
> }
> dataChanged = false;
> }
> }
>
> private function itemClickHandler(event:ItemClickEvent):void
> {
> if (_listData)
> {
> var e:RadioButtonEvent =
> new RadioButtonEvent(
> RadioButtonEvent.RADIO_CLICK, event);
> _listData.owner.dispatchEvent(e);
> }
> }
> }
> }
>
> //--------------------------------------
> // Custom Event
> //--------------------------------------
> package my.events
> {
>
> import mx.events.ItemClickEvent;
> import flash.events.Event;
>
> public class RadioButtonEvent extends Event
> {
> public var itemClickEvent:ItemClickEvent;
>
> public function RadioButtonEvent(type:String,
> itemClickEvent:ItemClickEvent)
> {
> super(type, false, false);
> this.itemClickEvent = itemClickEvent;
> }
> }
> }
>
> //--------------------------------------------------------------------------------------------------------------
>
>
>
> On 9/11/07, Troy Simpson <[EMAIL PROTECTED]> wrote:
> >
> >
> > Would you have an example of how to do this with the example code that I
> > provided?
> >
> > I was thinking that I could listen for the click event on the radio
> > buttons, capture the event, and dispatch a new custom event.
> >
> > Thanks,
> >
> >
> > On 9/11/07, Sheriff <[EMAIL PROTECTED]> wrote:
> > >
> > > have the event bubble from the itemRenderer, and that is about it.
> > > And listen for it
> > >
> > > ----- Original Message ----
> > > From: Troy Simpson < [EMAIL PROTECTED] >
> > > To: [email protected]
> > > Sent: Tuesday, September 11, 2007 3:40:27 PM
> > > Subject: [flexcoders] How to dispatch event from ItemRenderer?
> > >
> > >
> > > I have created a List with a custom ItemRenderer. The ItemRenderer
> > > creates a label and two Radio Buttons for each item in the list. When one
> > > of the RadioButtons is selected, how would I notify other components that
> > > the a radio button was selected? Would I capture the click event in the
> > > ItemRenderer and then dispatch it to the parent QuestionList Class or is
> > > there another way to do this?
> > >
> > > Here is an example of what I am trying to acomplish. Thanks.
> > >
> > > Here is my QuestionList Class:
> > > ------------ ------
> > > package
> > > {
> > > import mx.controls. List;
> > > import mx.collections. ArrayCollection;
> > > import mx.core.ClassFactor y;
> > >
> > >
> > > public class QuestionList extends List
> > > {
> > > private var qItems:ArrayCollect ion;
> > > public function QuestionList( )
> > > {
> > > //TODO: implement function
> > > super();
> > > this.qItems = new ArrayCollection( );
> > > this.itemRenderer = new ClassFactory( ListItemRenderer );
> > > addQItem("Are you tall?");
> > > addQItem("Are you smart?");
> > > addQItem("Are you quick?");
> > > addQItem("Are you slow?");
> > > this.dataProvider = this.qItems;
> > > }
> > >
> > > public function addQItem(s:String) :void
> > > {
> > > var o:Object = new Object();
> > > o.label = s;
> > > this.qItems. addItem(o) ;
> > > }
> > > }
> > > ------------ ----
> > > ListItemRenderer Class:
> > > ------------ ------
> > > package
> > > {
> > > import mx.containers. Canvas;
> > > import mx.controls. RadioButton;
> > > import mx.controls. Label;
> > > import mx.controls. RadioButtonGroup ;
> > >
> > > public class ListItemRenderer extends Canvas
> > > {
> > > private var lbl:Label;
> > > private var rdoYes:RadioButton;
> > > private var rdoNo:RadioButton;
> > > private var rdoGrp:RadioButtonG roup;
> > > //
> > > public function ListItemRenderer( )
> > > {
> > > //TODO: implement function
> > > super();
> > > this.lbl = new Label();
> > > this.rdoNo = new RadioButton( );
> > > this.rdoNo.label = "No";
> > > this.rdoNo.setStyle ("right",10);
> > > this.rdoYes = new RadioButton( );
> > > this.rdoYes. label = "Yes";
> > > this.rdoYes. setStyle("right",60);
> > > this.rdoGrp = new RadioButtonGroup( );
> > > this.rdoNo.group = this.rdoGrp;
> > > this.rdoYes. group = this.rdoGrp;
> > > this.addChild ( this.lbl) ;
> > > this.addChild( this.rdoYes) ;
> > > this.addChild( this.rdoNo) ;
> > > }
> > > override public function set data(value:Object) :void
> > > {
> > > this.lbl.text = value.label;
> > > }
> > > }
> > > }
> > >
> > > ------------ ------
> > > --
> > > Troy Simpson
> > >
> > >
> > > ------------------------------
> > > Shape Yahoo! in your own image. Join our Network Research Panel today!
> > >
> > > <http://us.rd.yahoo.com/evt=48517/*http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7>
> > >
> > >
> >
> >
> > --
> > Troy Simpson
> >
> >
> >
>
>
>
> --
> Teoti Graphix
> http://www.teotigraphix.com
>
> Blog - Flex2Components
> http://www.flex2components.com
>
> You can find more by solving the problem then by 'asking the question'.
--
Teoti Graphix
http://www.teotigraphix.com
Blog - Flex2Components
http://www.flex2components.com
You can find more by solving the problem then by 'asking the question'.
