Flex：解析错误：''不允许跟随''

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

您只能将一个主要组件放置在 内。 ... 块，因为您在技术上扩展（在 OOP 意义上）您使用的任何类。您所做的松散相当于在 ActionScript 中编写MyComponent extends Button extends Button。

相反，尝试将两个按钮放在一个容器内，例如。 Group 或 BorderContainer。

Answer 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>