Flex의 ItemRenderer (Setting the itemRenderer or itemEditor property in ActionScript )

itemRender 사용에 대한 명확한 이해를 하고자 이 포스팅을 합니다.

 

1. ItemRenderer Example1 (DataGrid에 dataProvider 사용하기)

 

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

                       xmlns:s="library://ns.adobe.com/flex/spark"

                       xmlns:mx="library://ns.adobe.com/flex/mx"

                       minWidth="955"

                       minHeight="600">

      

       <fx:Script>

             <![CDATA[

                   /*  http://storyjava.tistory.com

                    *  code5381@hotmail.com

                    *  KevinKim

                    */

                    import mx.collections.ArrayCollection;

                    [Bindable]private var arr:ArrayCollection = new ArrayCollection([

                           {num:1, data:"홍길동"},

                           {num:2, data:"유관순"},

                           {num:3, data:"이순신"}

                    ]);

                   

             ]]>

       </fx:Script>

      

       <mx:DataGrid width="300"

                            height="300"

                            dataProvider="{arr}">

             <mx:columns>

                    <mx:DataGridColumn dataField="num" />

                    <mx:DataGridColumn dataField="data"/>

             </mx:columns>

       </mx:DataGrid>

</s:Application>

*source code : ItemRendererExample1.fxp

 

2. List에 dataProvider랑 itemRenderer 사용하기

 

*source code :ItemRendererExample2.fxp

 

*도움됐던 글 : 야훔님의 블로그 1. http://igna84.blogspot.kr/2010/03/flex-datagrid-itemrenderer-1-%EC%A0%84%EC%B4%88%EC%A0%84.html

                   야훔님의 블로그 2. http://igna84.blogspot.kr/2010/03/flex-datagrid-itemrenderer-2-%EC%A0%84%EB%A9%B4%EC%A0%84.html

                   야훔님의 블로그 3. http://igna84.blogspot.kr/2010/03/flex-datagrid-itemrenderer-3-%EB%98%90%EB%8B%A4%EB%A5%B8-%EC%A0%84%EC%9F%81%EC%9D%98-%EC%84%9C%EB%A7%89.html

Flex Reference : http://livedocs.adobe.com/flex/3/html/help.html?content=cellrenderer_4.html