[Flex3] ItemRenderer나 ItemEditor에 사용되는 컴포넌트에 StyleName 적용시키자.

DataGrid 내부에 ItemRenderer 를 사용하여 컴포넌트를 사용하고 그 컴포넌트에 StyleName 을 주고자 했을때 하는 방법이다.

 CSS 파일에 다음과 같이 코딩이 되어있다고 가정해보자.

.customButton{
Background-Color:Yellow;
}

이것을 ItemRenderer나 ItemEditor에 적용을 하려면 preinitialize 이벤트를 이용해야 한다.

<mx:DataGridColumn>
     <mx:itemEditor>
      <mx:Component>
        <mx:Buttonr preinitialize="event.target.styleName='customButton'" />
      </mx:Component>
     </mx:itemEditor> 
    </mx:DataGridColumn>