Dynamic creation of radio buttons in a radio group, using a custom object?

All,

I'm looking for information on how to create a radio button group, based on the contents of an list of objects.
These objects, of type "Answer" have 2 string properties of "answerLetter" and "answerValue".

What I want to do is iterate over this collection of Answer objects, and create a radio button group, with the label being the Answer Value and the data being the Answer Letter.

How would I do this?  It appears to be adding the contents of my array collection as new radio buttons, but they are all on top of each other.  How do I space them out?  The text values appear to be populating correctly, but there appears to be n number of buttons on top of each other...
Simple answer class...
 
public class Answer
{
	private var _answerText:String;
	private var _answerLetter:String;
		
	public function Answer(...args)
    	{
  		this._answerLetter = args[0];
    		this._answerText = args[1];     		
    	}
		
        public function get answerText():String{
            return _answerText;
        }
        
        public function set answerText(answerText:String):void{
            _answerText = answerText;
        }
        
        public function get answerLetter():String{
            return _answerLetter;
        }
        
        public function set answerLetter(answerLetter:String):void{
            _answerLetter = answerLetter;
        }     
}
 
The panel has this on it.
 
<mx:RadioButtonGroup id="answerGroup" />
        <mx:Repeater id="rep" dataProvider="{cbCol}">
                <mx:RadioButton group="{answerGroup}" id="radios" label="{rep.currentItem.answerText}" data="{rep.currentItem.answerLetter}" />
        </mx:Repeater>
 
cbCol is populate when this method is called.
public function CreateRadioButtons(answersForThisQuestion:ArrayCollection){
				
	cbCol = new ArrayCollection();
	for(var i:int = 0; i<answersForThisQuestion.length; i++){		  cbCol.addItem(answersForThisQuestion.getItemAt(i) as Answer);
	}
			
}

Open in new window

csciguy81Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Fuzzy_Logic_Connect With a Mentor Commented:
Put the RadioButtonGroup in a Tile component.
<mx:Tile direction="horizontal">
 
<mx:RadioButtonGroup id="answerGroup" />
        <mx:Repeater id="rep" dataProvider="{answersForThisQuestion}">
                <mx:RadioButton group="{answerGroup}" id="radios" label="{rep.currentItem.answerText}" data="{rep.currentItem.answerLetter}" />
        </mx:Repeater>
 
    
</mx:Tile> 

Open in new window

0
 
csciguy81Author Commented:
Worked great!  Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.