Flex: Ошибка разбора: «<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

Решил мою проблему, выполнив следующее

<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

Вы можете поместить только один первичный компонент в блок <fx:Component> ... </fx:Component>, поскольку вы технически расширяете (в смысле ООП) любой используемый класс. свободно эквивалентно написанию MyComponent extends Button extends Button в ActionScript.

Вместо этого попробуйте поместить две кнопки в один контейнер, например. Group или BorderContainer.