動態創建的Flex表單只能識別最後添加的複選框作爲複選框

Question

我有一個問題，一直在推動我瘋了。我在Flex中動態創建一個表使用下面的代碼：

private function init():void { 
      //Dynamically create form based on profiles 
      for each(var role:AclRoleDTO in _profiles) { 
       //Create form item 
       var fi:FormItem = new FormItem(); 
       fi.label = role.name; 

       //Create checkbox 
       var cbx:CheckBox = new CheckBox(); 
       cbx.id = "role_"+role.id.toString(); 
       cbx.label = role.description; 
       cbx.width = 250; 
       cbx.selected = true; 

       //Add Checkbox for form item 
       fi.addChild(cbx); 
       profileForm.addChild(fi); 
      } 

      //Add save button 
      var fib:FormItem = new FormItem(); 
      var btn:Button = new Button(); 
      btn.name = "Save"; 
      btn.label = "Save"; 
      btn.id  = "saveButton"; 

      btn.addEventListener(MouseEvent.CLICK, onSubmitClicked); 

      fib.addChild(btn); 

      profileForm.addChild(fib); 
     } 

能正常工作並與FormItems包括基於可用情景+的CheckBox創建一個窗體保存按鈕來保存這些文件。

但是，當用戶點擊Save按鈕保存配置文件，我用下面的方法來檢索選擇框，但功能只承認最後添加的CheckBox作爲複選框...

private function onSubmitClicked(event:MouseEvent):void { 
      var formElements:Array = profileForm.getChildren(); 
      var roleIds:ArrayCollection = new ArrayCollection(); 
      var i:int = 0; 
      var j:int = 0; 

      //Parse the entire form 
      for (i; i < formElements.length; i++) { 

       if (formElements[i] is FormItem) { 
        var formItem:FormItem = formElements[i]; 
        var itemElements:Array = formItem.getChildren(); 

        for (j;j<itemElements.length;j++) { 

         //If form item is a checkbox, check if the box is checked! 
         if (itemElements[j] is CheckBox) { 
          var tmpBox:CheckBox = itemElements[j]; 

          if (tmpBox.selected) { 
           //random stuff 
          } 
         } 
        } 
       } 
      } 

      //Send event with roleIds! 
      //More random stuff 

     } 

我已經嘗試了各種各樣的事情，以確保循環正常工作，它確實：它循環適當數量的FormItem元素並檢索適當數量的childrenElements。它只是不識別任何孩子作爲複選框，而不是循環通過添加的最後一個FormItem。如果我使用flash.utils.getQualifiedClassName（itemElements [j]）來查找其他FormItem子項是什麼，它將返回一個空字符串。

我在做什麼錯？

Answer 1

這裏是工作的代碼爲您的問題：

 private function onSubmitClicked(event:MouseEvent):void 
     { 
      var selectedRoles:ArrayCollection = new ArrayCollection(); 

      var formItems:Array = rolesForm.getChildren(); 

      for (var i:int = 0; i < formItems.length; i++) 
      { 
       var formItem:FormItem = formItems[i]; 
       var formItemElements:Array = formItem.getChildren(); 
       for each (var control:UIComponent in formItemElements) 
       { 
        if (control is CheckBox) 
        { 
         var tempBox:CheckBox = control as CheckBox; 

         if(tempBox.selected) 
          selectedRoles.addItem(tempBox); 
        } 
       } 
      } 
     } 

Answer 2

我現在無法真正解決這個問題，但爲什麼不簡單地引用數組中的CheckBox？這將是一個快速簡單的解決方法。您還可以從平面層次中受益，從而使訪問更加輕鬆（而且速度更快，在大多數情況下這並不重要）。

Answer 3

假設這是FLEX4 /星火：原因是你正在使用的組件，而不是「元素」的原始「孩子」。使用Spark體系結構中的容器時，應始終使用元素（使用numElements或getElementAt()而不是getChildren()或addChild()）。 'children'方法僅用於Spark組件內部;您永遠不應該使用它們將元素添加到容器。

因此，如果您將addChild()的每次出現替換爲addElement()，您的問題將得到解決。而onSubmitClicked()方法可以是這個樣子：

for (var i:int = 0; i < profileForm.numElements; i++) { 
     var formItem:FormItem = profileForm.getElementAt(i) as FormItem; 
     if (formItem) { 
      var cb:CheckBox = formItem.getElementAt(0) as CheckBox; 
      trace(cb); //null if it's not a CheckBox 
     } 
    } 

話雖這麼說，我看不出有任何理由，你爲什麼會想動態創建這種形式。如果您需要的是複選框列表，請創建一個List，並自定義ItemRenderer，它的CheckBox和_profiles設置爲dataProvider。