apache-flex Flex 4在DataGridColumn上居中呈现复选框

57hvy0tb  于 2022-11-01  发布在  Apache
关注(0)|答案(1)|浏览(129)

我在不修改DataGridColumn上的结构的情况下尝试将复选框居中时遇到了问题,在从flex 3迁移到flex 4后,复选框没有居中显示,是否有任何技巧可以使用css将复选框居中?

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

PD:看起来textAlign=“center”现在只适用于文本标签。

z31licg0

z31licg01#

您可以为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>

相关问题