在中繼器中更改另一個組件中的子組件

Question

我在中繼器中有一個自定義組件。該組件有一個子組件，根據某些條件它可以是兩種類型。我所做的是使用UIComponent作爲佔位符。

在重複組件，可以說RepeatedComponent：

<mx:VBox> 
    <mx:UIComponent id="placeHolder"/> 
</mx:VBox> 

而且具有中繼我這樣做是在組件：

// Function where I try to inject the child component : 
private function getComponent():UIComponent{ 
      if(condition) 
      { 
       return new ChildComponentA(); 
      } 
      else 
      { 
       return new ChildComponentB(); 
      } 


    ]]> 
</mx:Script> 
<mx:VBox> 

    <mx:Repeater id="repeteur" 
       recycleChildren="true" 
       dataProvider="{arrayBeneficiaires}" > 

     <components:RepeatedComponent id="repeatedComponent" 
             beneficiaire="{repeteur.currentItem}" 
             placeHolder="{getComponent()}"/> 

    </mx:Repeater> 
</mx:VBox> 

當我把在叫在creationComplete功能斷點，我可以看到分配給placeHolder的組件是正確的，但它不顯示在我的顯示器上。我在每個我能想到的地方調用invalidateDisplayList來嘗試刷新，但它似乎不起作用。 任何想法將是最受歡迎的。

感謝

Answer 1

我懷疑的問題是，從getComponent()值從未添加到舞臺。即 - 設置placeHolder的值與調用addChild（getComponent（））不同。

因此，以下將工作：

<mx:Repeater id="repeteur" 
      recycleChildren="true" 
      dataProvider="{arrayBeneficiaires}" > 

    <components:RepeatedComponent id="repeatedComponent" 
            beneficiaire="{repeteur.currentItem}" 
            creationComplete="getComponent(repeatedComponent)"/> 

</mx:Repeater> 




private function getComponent(parent:RepeatedComponent):void { 
     if(condition) 
     { 
      parent.addChild(new ComponentA()); 
     } 
     else 
     { 
      parent.addChild(new ComponentB()); 
     } 
    } 

注意，在這種情況下，你不需要佔位符UIComponent（它並沒有真正起任何作用）。

但是，我建議將此邏輯移到RepeatedComponent之內，因爲看起來好像這個決定是組件的責任而不是父項。

然後代碼變得更清潔：

<mx:Repeater id="repeteur" 
      recycleChildren="true" 
      dataProvider="{arrayBeneficiaires}" > 

    <components:RepeatedComponent id="repeatedComponent" 
            beneficiaire="{repeteur.currentItem}" /> 

</mx:Repeater> 


<!-- RepeatedComponent.mxml --> 
<mx:VBox> 
    <mx:UIComponent id="placeHolder"/> 
</mx:VBox> 

<mx:Script> 
    private var _beneficiaire:Object 
    public function get beneficiaire():Object { 
     return _beneficiaire; 
    } 
    public function set beneficiaire(value:Object):void { 
      _beneficiaire = value; 
      createSubComponent(); 
    } 
    private function createSubComponent():void 
     if(condition) 
     { 
      parent.addChild(new ComponentA()); 
     } 
     else 
     { 
      parent.addChild(new ComponentB()); 
     } 
    } 

</mx:Script>