フレックス：解析エラー： '<s:Button>'は '</s:Button>'に従うことができません

Question

件名はすべてです。私の単純化されたコードは以下の通りです：

<mx:DataGrid id="gridFields" width="100%"> 
    <mx:columns> 
    <mx:DataGridColumn dataField="name" 
         headerText="Name" /> 

    <mx:DataGridColumn dataField="description" 
         headerText="Description"/> 

    <mx:DataGridColumn> 
     <mx:itemRenderer> 
     <fx:Component> 
      <!--these two buttons are the problem--> 
      <s:Button id="btnDeleteField" 
          label="Delete" 
          click="outerDocument.deleteField(event)" /> 
      <s:Button id="btnEditField" 
         label="Edit" 
         click="outerDocument.editField(event)" /> 
     </fx:Component> 
     </mx:itemRenderer> 
    </mx:DataGridColumn> 
    </mx:columns> 
</mx:DataGrid> 

Answer 1

は、私がのhgroupを持つ2つのボタンを囲むしようとした以下の

<mx:DataGridColumn> 
    <mx:itemRenderer> 
    <fx:Component> 
     <s:MXDataGridItemRenderer> 
     <s:HGroup> 
      <mx:Button label="Aaa"/> 
      <mx:Button label="Bbb" /> 
     </s:HGroup> 
     </s:MXDataGridItemRenderer> 
    </fx:Component> 
    </mx:itemRenderer> 
</mx:DataGridColumn> 

Answer 2

あなたが技術的に使用するものは何でもクラス（OOPの意味での）拡張しているので、あなたが唯一、<fx:Component> ... </fx:Component>ブロック内で1次成分を配置することができます。あなたがしたことは、がゆるくで、ActionScriptでMyComponent extends Button extends Buttonと書くことに相当します。

代わりに、2つのボタンを1つのコンテナ内に配置してください（例： a GroupまたはBorderContainer。