태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
김대중 전 대통령 서거 추모글 남기기

예제로 배우는 Flex2009.04.20 02:23

3. rendererIsEditor 속성을 설정한 itemRenderer

예제1과 예제2를 보면서 에디트할 때와 그냥 볼 때 두 가지를 함께 쓰려면 코딩을 이중으로 해야하지 않나 하는 생각을 하는 사람들이 있을 것이다이를 위해서 설정할 수 있는 속성이 바로 rendererIsEditor속성이다 itemRenderer itemEditor로도 같이 쓰겠다는 설정이다


예제3은 콤보박스를 itemRenderer로 사용하면서 itemEditor로 사용하는 예제이다그리고 데이터그리드 컬럼에 rendererIsEditor true로 설정하면 되겠다예제3을 실행해보면 데이터에디팅도 같이 됨을 알 수 있다.

 

[예제3] RDExam2_3.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="450" height="370"

       verticalScrollPolicy="off" horizontalScrollPolicy="off" backgroundColor="#FFFFFF">

    <mx:Script>

        <![CDATA[

        import mx.collections.ArrayCollection;

            [Bindable] public var initDG:ArrayCollection = new ArrayCollection([

                   {no:0, isChecked:"N"},

                   {no:1, isChecked:"Y"},

                   {no:2, isChecked:"N"},

                   {no:3, isChecked:"N"},

                   {no:4, isChecked:"Y"}]);

        ]]>

    </mx:Script>

    <mx:DataGrid id="myGrid" dataProvider="{initDG}" width="450" height="300" editable="true">   

        <mx:columns>

               <mx:DataGridColumn headerText="no" dataField="no" width="150"/>

               <mx:DataGridColumn headerText="isChecked" dataField="isChecked" width="150"/>

            <mx:DataGridColumn dataField="isChecked" headerText="itemRenderer" rendererIsEditor="true">

                <mx:itemRenderer>

                       <mx:Component>

                                        <mx:ComboBox selectedIndex="{data.isChecked=='Y'? 0:1}">

                                              <mx:dataProvider>

                                                     <mx:Object label="Y" data="Y"/>

                                                     <mx:Object label="N" data="N"/>

                                              </mx:dataProvider>

                                        </mx:ComboBox>                  

                       </mx:Component>

                </mx:itemRenderer>

            </mx:DataGridColumn>

        </mx:columns>       

    </mx:DataGrid>          

</mx:Application>

 

 

[그림3] 콤보박스 아이템렌더러를 에디터로 같이 사용


Posted by okgosu

티스토리 툴바