Apache – Dynamically adding radiobuttongroup

apache-flexflex3

I'm trying to make a quiz in flex and am loading data from an xml file. For each question I want to create a radiobuttongroup so I can associate radio buttons to it. How can I accomplish that with actionscript? I can see that addChild method works for DisplayObjects and I presume that radiobuttongroup is not one because I'm receiving errors. How can I dynamically add radiobuttongroup with actionscript in flex application? Thanks.

Best Answer

If you add radio buttons to a FormItem, they are automatically grouped together. So, assuming your quiz uses a Flex Form for layout, you simply generate a FormItem for each question, add a button for each option to the FormItem, then add that FormItem to your main Form.

private function generateQuestions(questions:XML):void
{
    var form:Form = new Form();
    this.addChild(form);

    for each (var question:XML in questions.question)
    {
        var questionItem:FormItem = new FormItem();
        form.addChild(questionItem);
        questionItem.label = question.@text;

        for each (var option:XML in question.option)
        {
            var optionButton:RadioButton = new RadioButton();
            optionButton.label = option.@text;
            questionItem.addChild(optionButton);
        }
}

Related Solutions

R – How to programmatically associate a RadioButton with a RadioButtonGroup in ActionScript3

First instinct is that this issue has to do with invalidateDisplayList and when and how that is called. Of course, since issues related to that function are behind a number of Flex's quirks, I may just be scapegoating.

This is not the answer to your question per se, but it seems like it might actually work as an alternate solution.

RadioButtonGroups will initialize based on a IFlexDisplayObject. This means that you can do something like:

var c:HBox               = new HBox();
var rbg:RadioButtonGroup = new RadioButtonGroup( c );
// do stuff with rbg.
c.addChild( new RadioButton() );

The problem is that it may not be the most practical answer, but it has the decided benefit of being a workable solution.

Xml – Flex 3 – How to read data dynamically from XML

The line chart example in the livedocs would help you to get started. They are using an array collection - you can replace it with an XMLListCollection.

//assuming that 'xml' is the name of the variable holding the data
[Bindable]
public var visitors:XMLListCollection = new XMLListCollection(xml.result.visitor);

You can use visitors in the place of expenseAC in their example.

Best Answer

Related Solutions

R – How to programmatically associate a RadioButton with a RadioButtonGroup in ActionScript3

Xml – Flex 3 – How to read data dynamically from XML

Related Topic