Datagrid'de Flex align onay kutusu Flex

Question

Veri kılavuzumda bir onay kutusunu görüntülemek için bir öğe oluşturucu kullanıyorum;

<mx:DataGridColumn headerText="Visible" dataField="visibleInd" width="48" 
itemRenderer="mx.controls.CheckBox" 
rendererIsEditor="true" 
editorDataField="selected" 
/> 

Ve bu iyi çalışıyor, ancak onay kutusu gibi hizalanmış;

alt text http://img96.imageshack.us/img96/9239/93364060.jpg

Nasıl ortada o hizalayabilirsiniz?

Kullandım;

  <mx:DataGridColumn headerText="Visible" dataField="visibleInd" width="48" 
           editorDataField="selected" 
           > 
      <mx:itemRenderer> 
       <fx:Component> 
        <mx:Box width="100%" height="100%" 
          horizontalAlign="center" verticalAlign="middle"> 
         <mx:CheckBox selected="{data.visibleInd}" /> 
        </mx:Box> 
       </fx:Component> 
      </mx:itemRenderer> 

Ancak bu durumda benim kod ortada onay kutusunu hizaya yapar ama benim dataprovider verileri kaydetmez

.

Bir şey mi eksik?

Answer 1

<mx:Box /> kullanmak yerine, <mx:Canvas /> veya <s:Group /> kullanın (Flex 4'te).

Ayrıca, horizontalCenter="0" onay kutusunu işaretleyin. Örneğin

:

<mx:itemRenderer> 
    <mx:Component> 
     <mx:Canvas width="100%" height="100%"> 
      <mx:CheckBox selected="{data.visibleInd}" horizontalCenter="0" /> 
     </mx:Canvas> 
    </mx:Component> 
</mx:itemRenderer> 

Answer 2

Bu durumun mx:itemRenderer değerini mx:itemEditor değiştirerek çalışacağından eminim.

Answer 3

100% işaretleme kutusu genişliği yapmayı deneyin

Answer 4

Basitçe DataGridColumn en textAlign Stil kullanın:

<mx:DataGridColumn headerText="Visible" textAlign="center"> 
    <mx:itemRenderer> 
     <mx:Component> 
      <mx:CheckBox selected="{data.visibleInd}"/> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:DataGridColumn> 

Answer 5

Lütfen onay kutusu & görüntü yerleştirmek için aşağıdaki ipucu kullanın sütunun merkezi.

<mx:CheckBox paddingLeft="20" /> 
<mx:Image horizontalAlign="center"/> 

Answer 6

Bkz: Aşağıda sizin için iyi cevaplar var

<?xml version="1.0" encoding="utf-8"?> 
    <s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx"> 
     <fx:Script> 
      <![CDATA[ 
       override public function prepare(hasBeenRecycled:Boolean):void { 
        if(data != null){ 
         chb.selected = data[column.dataField]; 
        } 
       } 

       protected function chb_clickHandler(event:MouseEvent):void{ 
        data[column.dataField] = !chb.selected; 
       } 
      ]]> 
     </fx:Script> 
     <s:CheckBox id="chb" click="chb_clickHandler(event)" horizontalCenter="0" verticalCenter="0"/> 
    </s:GridItemRenderer>