Question

我在尝试将复选框居中而不修改DataGridColumn上的结构时出现问题，在从flex 3迁移到4之后，复选框没有出现在居中的位置，是否有使用css使复选框居中的技巧？

<mx:DataGridColumn 
    headerRenderer="mx.controls.CheckBox" 
    itemRenderer="mx.controls.CheckBox"                                 
    textAlign="center"
    editable="false" width="50"/>

PD：看起来像textAlign =＆＃34; center＆＃34;现在正在为文本标签工作。

Answer 1

您可以为datagridcolumn编写内联Headerrenderer和Itemrenderer，如下所示

<mx:DataGridColumn
    textAlign="center"
    editable="false" width="50">
    <mx:headerRenderer>
      <fx:Component>
        <mx:Canvas width="100%" height="100%">
          <mx:CheckBox horizontalCenter="0" />
        </mx:Canvas>
      </fx:Component>
     </mx:headerRenderer>
     <mx:itemRenderer>
      <fx:Component>
       <mx:Canvas width="100%" height="100%">
        <mx:CheckBox horizontalCenter="0" />
       </mx:Canvas>
      </fx:Component>
     </mx:itemRenderer>
    </mx:DataGridColumn>

Flex 4 Center在DataGridColumn上呈现CheckBox

1 个答案: