En utilisant RadioButton avec RadioButtonGroup dans un DataGridColumn (dans une application quiz)

Question

je vais avoir des problèmes à utiliser correctement plusieurs composants RadioButton avec un RadioButtonGroup dans mon application quiz (quand ils sont rendus par ItemRenderer sous DataGridColumn).

La page quiz affiche une question avec 4 réponses possibles qui représentent par des composants RadioButton (ex aequo avec un RadioButtonGroup unique). Un quiz contient généralement de nombreuses questions à choix multiples.

Tout fonctionne bien jusqu'à ce que je navigue à la question suivante et revenir à la question précédente; alors je pouvais voir mon ancienne sélection de réponse dans le bouton radio bien que lorsque je change ma réponse et sélectionnez un bouton radio différent, il garde ma vieille sélection et d'ajouter le nouveau, ce qui est tout à fait déraisonnable (puisque RadioButtonGroup doit appliquer la sélection d'une option uniquement) .

Voici comment je définis la DataGridColumn:

<mx:DataGrid y="141" height="373" dataProvider="{currentQuestion.answers}" id="answersGrid" visible="false" styleName="NoStyleDataGrid" useRollOver="false" headerHeight="0" width="381" x="461" variableRowHeight="true">   
      <mx:columns>         
      <mx:DataGridColumn width="20" dataField="key"> 
       <mx:itemRenderer> 
         <mx:Component> 
         <mx:Canvas width="100%" height="100%" verticalScrollPolicy="off" horizontalScrollPolicy="off" top="0"> 
          <mx:Script> 
           <![CDATA[ 
            import mx.core.Application; 
           ]]> 
          </mx:Script> 

          <mx:RadioButton id="rb" value="{data.number}" selected="{outerDocument.isSelected(data.number,rb)}" group="{outerDocument.getGroup()}" click="outerDocument.setAnswerState(event,data.number)" width="100%" height="30" x="12" y="0" />         

         </mx:Canvas>          
         </mx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 

Je me assure que chaque question a son propre groupe unique de contenir les composants RadioButton (comme réponses) en utilisant ce code:

 public function getGroup():RadioButtonGroup{     
      if(radioGroupMap[currentQuestion.key]!=null){          
       return radioGroupMap[currentQuestion.key] as RadioButtonGroup;          
      }        
      radioGroupMap[currentQuestion.key] = new RadioButtonGroup(); 
      return radioGroupMap[currentQuestion.key] as RadioButtonGroup; 
     } 

Cette Le code fonctionne bien tant que je ne passe pas à la question suivante et que je reviens à la question précédente.

apprécierais toute aide sur cette question.

Merci!

Answer 1

Après avoir fait quelques recherches, il semble que renderers contenant l'objet RadioButtons ainsi RadioButtonGroup sur la colonne de grille de données ne sont pas un bon choix de conception. Apparemment, plus de moteurs de rendu d'éléments sont créés que réellement nécessaires pour des raisons de performances, ce qui rend l'interface utilisateur imprévisible.

J'ai utilisé VBOX à la place et créé dynamiquement RadioButton avec RadioButtonGroup en utilisant ActionScript. Voici un exemple de code:

  function populateAnswers(){ 
       var rbg:RadioButtonGroup = new RadioButtonGroup(); 
       for each (var ans:Answer in currentQuestion.answers){ 
        var row:HBox = new HBox(); 
        var rb:RadioButton = new RadioButton(); 
        rb.group = rbg; 
        rb.id = ""+ans.number; 
        var num:int = ans.number; 
         rb.addEventListener(MouseEvent.CLICK,setAnswerState); 
       rb.selected = isSelected(ans.number);      
         row.addChild(rb);      

        var answerBoby:Text = new Text(); 
        answerBoby.enabled = false; 
        answerBoby.styleName = "readOnlyTA"; 
        answerBoby.selectable = false; 
        answerBoby.htmlText = ans.body; 
        row.addChild(answerBoby); 
        quizAnswersPanel.addChild(row);      

       }