캠핑과 개발


플렉스 공부하면서 만들어봤습니다.
설정 정보를 변경하면 상단 영역에 설정한 정보가 반영이 되어 나타나지게 됩니다.
여러가지 콤포넌트를 사용해봤는데 기본적으로 쓰기는 편한데 구미에 맞게 설정이 어렵네요
속성 정보도 많고 배우기는 쉬우나 제대로 활용하기는 어려운거 같습니다. 더욱 열심히 해야 겠습니다.

소스

출처 : http://cafe.naver.com/flexcomponent/12264

아시는 분들도 계시겠으나...
DataService 를 사용하지 않고 XML 응답만으로 Flex 를 개발할때
java 서버측 구현에 쉽게 적용 가능한 Caster 라는 XML 변환 프레임웍을 소개해 드립니다.

아래의 링크에서 Caster 를 다운로드 받습니다. 샘플도 많습니다. 다운받으세요~
http://www.castor.org/download.html

아래의 링크는 맵핑에 관련된 설명입니다.
http://www.castor.org/xml-mapping.html


간단히 소개해 드리자면
------------------------------------------------
Java결과객체 → Caster프레임웍 → 변환된 XML
                                ↑
                       XML맵핑룰.xml
------------------------------------------------
와 같이 동작하는 매우 일반적 형태의 프레임웍입니다.

 

바로 사용할 수도 있으나 사용의 편이성을 위해 아래와 같은 클래스를 맹길었습니다.

 

public class CasterMapper {

    /** XML 맵핑 객체 */
    Mapping mapping;

    // .. 스트림이나 파일을 받는 생성자 등등등...

    /**
     * XML 파일을 객체로 변환한다
     * @param xmlIn
     * @return
     * @throws MappingException
     * @throws ValidationException
     * @throws MarshalException
     */
    public Object xmlToObject(Reader xmlReader)
            throws MappingException, MarshalException, ValidationException {
        Unmarshaller unmarshaller = new Unmarshaller(this.mapping);
        return unmarshaller.unmarshal(new InputSource(xmlReader));
    }

 

    /**
     * 객체를 XML 로 변환한다.
     * @param obj
     * @param xmlOut
     * @throws IOException
     * @throws MappingException
     * @throws ValidationException
     * @throws MarshalException
     */
    public void objectToXml(Object obj, Writer xmlWriter)
            throws IOException, MappingException, MarshalException, ValidationException {
        Marshaller marshaller = new Marshaller(xmlWriter);
        marshaller.setMapping(this.mapping);
        marshaller.marshal(obj);
    }
}

 

그리고 Flex의 요청에 대한 응답을 처리하는 Servlet 내에서 아래처럼 결과객체를 변환하여
응답을 보냅니다.

 

    // #. 결과객체 (변환하고자 하는 객체)
    Object resultObject = new Object(); // 개인마다 DB의 결과를 담은 다른 클래스형의 객체가 들어갈겁니다...

    // #. 맵핑룰 XML 얻기
    InputStream xmlInputStream = getClass().getResourceAsStream("test_ed_mapping.xml");
    CasterMapper mapper = new CasterMapper(xmlInputStream);

    // #. print response
    mapper.objectToXml(resultObject, response.getWriter());

 

 

아래는 test_ed_mapping.xml 의 예로서 전체 XML응답전문을 Header 와 Body 로 구분하고
사용자 목록을 출력하도록 지정했습니다.

맵핑전문은 아래와 같은 특징이 있으니 잘 살펴보시기 바랍니다.
- Element(태그)는 클래스와 맵핑된다.
- 값은 Attribute 나 Element 로 표현될 수 있다.
- 위쪽에서 사용된 클래스에 대한 정의로 바로 아래에서 표현한다.

 

test 로 시작되는 패키지 내의 Class 는 개인적으로 만드셔야 합니다.
전문을 눈여겨 보면 어렵지 않게 클래스를 만들수 있으시라라 생각됩니다.
참고로 PagingList 란 넘은 java.util.ArrayList 형의 list 어트리뷰트를 가지고 있습니다.

 

<?xml version="1.0"?>
<!DOCTYPE mapping PUBLIC "-//EXOLAB/Castor Mapping DTD Version 1.0//EN" "http://castor.org/mapping.dtd">

<mapping>

    <class name="test.common.xml.ed.XmlResponse">
        <map-to xml="response"/>
        <field name="header" type="test.common.xml.ed.XmlHeader">
            <bind-xml name="header" node="element"/>
        </field>
        <field name="body" type="test.common.xml.ed.XmlBody">
            <bind-xml name="body" node="element"/>
        </field>
    </class>

    <!-- HEADER -->
    <class name="test.common.xml.ed.XmlHeader">
        <map-to xml="header"/>
        <field name="id" type="java.lang.String">
            <bind-xml name="id" node="attribute"/>
        </field>
        <field name="group" type="java.lang.String">
            <bind-xml name="group" node="attribute"/>
        </field>
        <field name="code" type="java.lang.String">
            <bind-xml name="code" node="attribute"/>
        </field>
        <field name="message" type="java.lang.String">
            <bind-xml name="message" node="attribute"/>
        </field>
    </class>

    <!-- BODY -->
    <class name="test.common.xml.ed.XmlBody">
        <map-to xml="body"/>
        <field name="obj" type="test.common.xml.ed.PagingList">
            <bind-xml name="users" node="element"/>
        </field>
    </class>

    <!-- Users -->
    <class name="test.common.xml.ed.PagingList">
        <map-to xml="users"/>
        <field name="list" type="test.beans.User" collection="arraylist">
            <bind-xml name="user" node="element"/>
        </field>
    </class>

    <!-- USER -->
    <class name="test.beans.User">
        <map-to xml="user"/>

        <field name="id" type="java.lang.String">
            <bind-xml name="id" node="attribute"/>
        </field>

        <field name="name" type="java.lang.String">
            <bind-xml name="name" node="attribute"/>
        </field>

        <field name="email" type="java.lang.String">
            <bind-xml name="email" node="attribute"/>
        </field>
    </class>
</mapping>

 

 

이리하여 결과는 아래와 같습니다.

DB의 사용자 테이블에 질의한 쿼리의 결과가 User 객체의 List 로 반환이 되었다고 가정하고

이것에 대한 서블릿의 결과는 다음과 같습니다.

 

<?xml version="1.0" encoding="UTF-8"?>
<response>
    <header>
        <id>test.ViewMembers</id>
        <group>admin</group>
        <code>0000</code>
        <message>SUCCESS</message>
    </header>
    <body>
        <users>
            <user id="honggildong1" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong2" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong3" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong4" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong5" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong6" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong7" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong8" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong9" name="길동이" email="honggildongika@gildong.com"/>
            <user id="honggildong10" name="길동이" email="honggildongika@gildong.com"/>
        </users>
    </body>
</response>

 

편리하겠죠?

기존 JSP 로 작성된 시스템에서 Flex Client로 전환시 Layer 가 잘 나눠져 있다면
아주 쉽게 커스터마이징 가능하리라 생각됩니다.


간단한 내용이나 걍 참고하시라고 적어봤습니다.

 

[참고링크]
이곳에 뉴스그룹이 있으니 기타 트러블슈트 참고하시고요~
http://www.mail-archive.com/castor-dev@exolab.org/


'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

FLEX - Style Exploer  (0) 2010.01.19
Flex 흐르는 텍스트 효과  (0) 2010.01.12
Flex 컴포넌트의 비율 유지  (0) 2009.12.21
Flex와 Java간 소켓 통신  (1) 2009.12.21
XML과 E4X 다루기  (0) 2009.12.20


<?xml version="1.0" encoding="utf-8"?>
<mx:Application verticalAlign="middle" horizontalAlign="center"
   paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0"
   xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
   <mx:Script>
         <![CDATA[
            private const ratio:Number = .75;
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{
                   super.updateDisplayList(unscaledWidth,unscaledHeight);
                   btn.width = unscaledWidth;
                   btn.height = unscaledHeight;
                   var tmpRatio:Number = btn.height / btn.width;
                   if(tmpRatio>ratio){
                         btn.height = btn.width * ratio;
                   }else{
                         btn.width = btn.height / ratio;                                                       
                   }                         
            }
         ]]>
   </mx:Script>
   <mx:Button id="btn" width="50%" height="50%"/>
</mx:Application>

'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

Flex 흐르는 텍스트 효과  (0) 2010.01.12
[Caster] XML만을 사용시 서버측 XML 객체 상호변환  (0) 2009.12.24
Flex와 Java간 소켓 통신  (1) 2009.12.21
XML과 E4X 다루기  (0) 2009.12.20
[Flex] PieChart  (0) 2009.11.24


Java와 Flex 간의 소켓을 이용한 통신 샘플


보안관련 인증 파일 첨부

'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

[Caster] XML만을 사용시 서버측 XML 객체 상호변환  (0) 2009.12.24
Flex 컴포넌트의 비율 유지  (0) 2009.12.21
XML과 E4X 다루기  (0) 2009.12.20
[Flex] PieChart  (0) 2009.11.24
[Flex] LineChart  (0) 2009.11.24




	Ulysses
	Ulysses
	Joyce, James
	Myung jin, Hwang
	Penguin Books Ltd
	A very thick book





자식 노드 접근하기
    //<BOOK>의 자식 노드들을 나타내는 XMLList를 반환
    novel.children();
    novel.*
    
    //첫번째 자식노드에 접근하기
    novel.*[0];
    novel.children()[0];
    
    //마지막 자식노드에 접근하기
    novel.children()[novel.children().length() - 1];
    
    //이름이  SUBJECT인 root의 모든 자식 엘리번트 반환
    novel.child("SUBJECT");
    novel.SUBJECT ;
    
    //이름이  SUBJECT인 ROOT의 모든 자식 엘리먼트의  첫번째  SUBJECT 요소
    novel.child("SUBJECT")[0];
    novel.SUBJECT[0];
    
    //이름이  AUTHOR의 첫번째 엘리먼트의 이름을 WRITER로 변경한다.
    novel.AUTHOR[0].setName("WRITER");


텍스트 노드에 접근하기  
   //Ulysses1 텍스트 노드에 대한 참조
    novel.SUBJECT.children()[0];
    novel.SUBJECT.*[0]
    
    //<SUBJECT> 엘리먼트의 대한 참조
    novel.SUBJECT.*[0].parent();
   
    //문자열 "text" 반환
    novel.SUBJECT.*[0].nodeKind();
    
   //문자열  "Ulysses" 반환
    novel.SUBJECT.*[0].toString();
    novel.SUBJECT.*[0] //암시적으로 toString()로 변환해준다.
    novel.SUBJECT //Subject가 하나일 경우 텍스트 노드를 문자열로 반환한다.

  //텍스트 엘리먼트 가져오기
  novel.DESCRIPTION.text() --> A, thick book
  novel.DESCRIPTION.text()[0] --> A
  novel.DESCRIPTION.text()[1] --> thick book

부모 노드 접근하기 
var doc:XML =
    <grandparent>
     <parent>
      <child></child>
     </parent>
    </grandparent>;
    
    var kid:XML = doc.parent.child[0];
    var parent:XML = kid.parent();
    var grandparent:XML = kid.parent().parent();
    
    trace(parent);
    trace(grandparent);


형제 노드 접근하기
  var author:XML = novel.AUTHOR[0];
    //이전 형제 노드
    trace(author.parent().*[author.childIndex()-1]);
    //다음 형제 노드
    trace(author.parent().*[author.childIndex()+1]);
    
어트리뷰트 접근하기

주석과 처리 지시문 접근하기






'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

Flex 컴포넌트의 비율 유지  (0) 2009.12.21
Flex와 Java간 소켓 통신  (1) 2009.12.21
[Flex] PieChart  (0) 2009.11.24
[Flex] LineChart  (0) 2009.11.24
[Chart] ColumnChart, BarChart  (0) 2009.11.24



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[         
        import mx.collections.ArrayCollection;
        [Bindable]
        private var medalsAC:ArrayCollection = new ArrayCollection( [
            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
            { Country: "Korea", Gold: 5, Silver:57, Bronze: 4 },
            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
   
        private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String {
            var temp:String= (" " + percentValue).substr(0,6);
            return data.Country + ": " + '\n' + "Total Gold: " + data.Gold + '\n' + temp + "%";
        }
        ]]>
    </mx:Script>
    <!-- Define custom colors for use as pie wedge fills. -->
    <mx:SolidColor id="sc1" color="blue" alpha=".6"/>
    <mx:SolidColor id="sc2" color="red" alpha=".6"/>
    <mx:SolidColor id="sc3" color="0x663300" alpha=".6"/>
    <mx:SolidColor id="sc4" color="yellow" alpha=".6"/>
    <!-- This Stroke is used for the callout lines. -->
    <mx:Stroke id="callouts" weight="2" color="0x999999" alpha=".8" caps="square"/>
   
    <!-- This Stroke is used to separate the wedges in the pie. -->
    <mx:Stroke id="radial" weight="1" color="0xFFFFCC" alpha=".3"/>
    <!-- This Stroke is used for the outer border of the pie. -->
    <mx:Stroke id="pieborder" color="0x000000" weight="2" alpha=".5"/>
    <mx:Panel title="Olympics 2004 Medals Tally Panel" height="100%" width="100%">
        <mx:PieChart id="chart1"
            height="100%"
            width="100%"
            paddingRight="5"
            paddingLeft="5"
            showDataTips="true"
            dataProvider="{medalsAC}"
        >         
            <!--  -->
            <mx:series>
                <mx:PieSeries
                    nameField="Country"
                    labelPosition="callout"
                    field="Gold"
                    labelFunction="displayGold"
                    calloutStroke="{callouts}"
                    radialStroke="{radial}"
                    stroke="{pieborder}"
                    fills="{[sc1, sc2, sc3, sc4]}"
                >
                    <!-- Clear the drop shadow filters from the chart. -->
                    <mx:filters>
                        <mx:Array/>
                    </mx:filters>
                </mx:PieSeries>
            </mx:series>
        </mx:PieChart> 
        <mx:Legend dataProvider="{chart1}"/>
    </mx:Panel>
</mx:Application>


'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

Flex와 Java간 소켓 통신  (1) 2009.12.21
XML과 E4X 다루기  (0) 2009.12.20
[Flex] LineChart  (0) 2009.11.24
[Chart] ColumnChart, BarChart  (0) 2009.11.24
[FLEX] HTTPService를 사용하여 파라미터 전송하기  (0) 2009.10.25

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            public var stockDataAC:ArrayCollection = new ArrayCollection( [
                {date: "2005, 7, 27", close: 41.71},
                {date: "2005, 7, 28", close: 42.21},
                {date: "2005, 7, 29", close: 42.11},
                {date: "2005, 8, 1", close: 42.71},
                {date: "2005, 8, 2", close: 42.99},
                {date: "2005, 8, 3", close: 44} ]);
   
            public function myParseFunction(s:String):Date {
                // Get an array of Strings from the comma-separated String passed in.
                var a:Array = s.split(",");
                // Create the new Date object. Subtract one from
                // the month property because months are zero-based in
                // the Date constructor.
                var newDate:Date = new Date(a[0],a[1]-1,a[2]);
                return newDate;
            }
        ]]>
    </mx:Script>
    <mx:Panel title="DateTimeAxis Example" height="550" width="500">   
        <mx:LineChart id="mychart" height="500" width="450"
            paddingRight="5" paddingLeft="5"
            showDataTips="true" dataProvider="{stockDataAC}">
           
            <mx:horizontalAxis>
                <mx:DateTimeAxis dataUnits="days" parseFunction="myParseFunction"/>
            </mx:horizontalAxis>
            <mx:verticalAxis>
                <mx:LinearAxis baseAtZero="false" />
            </mx:verticalAxis>
            <mx:series>
                <mx:LineSeries yField="close" xField="date" displayName="AAPL"/>
            </mx:series>
        </mx:LineChart>
       
    </mx:Panel>
</mx:Application>



 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 layout="absolute">
    <mx:Script>
        <![CDATA[
         import mx.controls.Alert;         
        import mx.collections.ArrayCollection;
        [Bindable]
        private var medalsAC:ArrayCollection = new ArrayCollection( [
            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
            { Country: "Korea", Gold: 10, Silver:47, Bronze: 140 },
            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
        ]]>
    </mx:Script>
    <!-- Define custom colors for use as fills. -->
    <mx:SolidColor id="sc1" color="yellow" alpha=".5"/>
    <mx:SolidColor id="sc2" color="0xCCCCCC" alpha=".5"/>
    <mx:SolidColor id="sc3" color="0xFFCC66" alpha=".5"/>
    <!-- Define custom Strokes for the columns. -->
    <mx:Stroke id="s1" color="yellow" weight="1"/>
    <mx:Stroke id="s2" color="0xCCCCCC" weight="1"/>
    <mx:Stroke id="s3" color="0xFFCC66" weight="1"/>
    <mx:Panel title="ColumnChart and BarChart Controls Example"
        height="100%" width="400" layout="vertical">
       
        <mx:ColumnChart id="column"
            height="50%"
            width="70%"
            paddingLeft="5"
            paddingRight="5"
            showDataTips="true"
            dataProvider="{medalsAC}"
        >               
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="Country"/>
            </mx:horizontalAxis>
               
            <mx:series>
                <mx:ColumnSeries
                    xField="Country"
                    yField="Gold"
                    displayName="Gold"
                    fill="{sc1}"
                    stroke="{s1}"                        
                />
                <mx:ColumnSeries
                    xField="Country"
                    yField="Silver"
                    displayName="Silver"
                    fill="{sc2}"
                    stroke="{s2}"                  
                />
                <mx:ColumnSeries
                    xField="Country"
                    yField="Bronze"
                    displayName="Bronze"
                    fill="{sc3}"
                    stroke="{s3}"
                />
            </mx:series>
        </mx:ColumnChart>
        <mx:Legend dataProvider="{column}"/>
       
        <mx:BarChart id="bar" height="50%" width="70%"
            paddingLeft="5" paddingRight="5"
            showDataTips="true" dataProvider="{medalsAC}">
            <mx:verticalAxis>
                <mx:CategoryAxis categoryField="Country"/>
            </mx:verticalAxis>               
            <mx:series>
                <mx:BarSeries
                    yField="Country"
                    xField="Gold"
                    displayName="Gold"
                    fill="{sc1}"
                    stroke="{s1}"
                />
                <mx:BarSeries
                    yField="Country"
                    xField="Silver"
                    displayName="Silver"
                    fill="{sc2}"
                    stroke="{s2}"
                />
                <mx:BarSeries
                    yField="Country"
                    xField="Bronze"
                    displayName="Bronze"
                    fill="{sc3}"
                    stroke="{s3}"
                />
            </mx:series>
        </mx:BarChart>
        <mx:Legend dataProvider="{bar}"/>
    </mx:Panel>
</mx:Application>

 



HTTPService를 사용하여 파라미터를 전송하는 경우이다.
어떤 값을 요청하여 거기에 해당 하는 값을 받아와서 뿌려준다.
실패했을 경우와 성공했을경우 evnet를 사용하여 해당 메세지를 보여준다.
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 <mx:Script>
  <![CDATA[
   import mx.utils.ObjectUtil;
   import mx.rpc.events.FaultEvent;
   import mx.rpc.events.ResultEvent;
   import mx.controls.Alert;
   
   public function faultHandler(event:FaultEvent):void{
    Alert.show(ObjectUtil.toString(event));
   }
   public function resultHandler(event:ResultEvent):void{
    Alert.show(ObjectUtil.toString(event));
   }
  ]]>
 </mx:Script>
 <mx:HTTPService id="freeRequest"
  url="http://www.anaconda.pe.kr/test.jsp"
  fault="faultHandler(event)"
  result="resultHandler(event)"
  useProxy="false">
  <mx:request xmlns="">
   <id>{cd.selectedItem}</id>
  </mx:request>   
 </mx:HTTPService>
 <mx:Panel title="example"
  height="100%" width="90%"
  paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10"
  layout="vertical">
  <mx:DataGrid id="dbPosts"
   dataProvider="{freeRequest.lastResult.result_set.record}"
   width="100%"/>
  
  <mx:ControlBar horizontalAlign="center">
   <mx:Label text="ID 선택" />
   <mx:ComboBox id="cd" change="freeRequest.send();">
    <mx:ArrayCollection>
     <mx:String>0</mx:String>
     <mx:String>1</mx:String>
     <mx:String>2</mx:String>
     <mx:String>3</mx:String>
     <mx:String>4</mx:String>
     <mx:String>5</mx:String>
    </mx:ArrayCollection>
   </mx:ComboBox>
  </mx:ControlBar> 
 </mx:Panel>
</mx:Application>


'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

[Flex] PieChart  (0) 2009.11.24
[Flex] LineChart  (0) 2009.11.24
[Chart] ColumnChart, BarChart  (0) 2009.11.24
[FLEX] HTTPService 서비스 사용하기 - 데이터그리드 결과값 바인딩  (0) 2009.10.25
crossdomain.xml  (0) 2009.10.25


플렉스 공부한지 이주가 지났다. 게을러서 많이 나가지 않는다..
하지만 공부를 할수록 정말 편하다는 느낌을 많이 받는다. 여러가지가 개발자가 할 코딩이 많이 줄었다, 지금까지 사용하던 문법과 틀려서 오타가 많이 나오긴 하지만 배우는 재미는 있다.

Flex 작업을 하다 보면 외부와의 통신을 해야 하는 경우가 있다.
CRUD작업을 하다 보면 결과값을 반환을 받아와 보여 주는 경우가 있는 이런 경우에 HTTPService를 사용하면 상당히 편하다
결과 값이 많을 경우는 속도면에서 RemoteObject가 빠르지만 그다지 많지 않은 경우에 사용하면 편할꺼 같다

우선 출력되는 xml 형태를 보자


위와 같은 결과 값이 출력이 될 경우 화면에 Grid를 통해서 알맞게 보여 주는 예제이다.
쉽다.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="freeRequest.send()">
 <mx:HTTPService id="freeRequest" url="http://www.flexgrocer.com/units.xml" useProxy="false" />
 <mx:Panel title="HTTPService Example"
  height="100%" width="90%"
  paddingTop="10" paddingLeft="10" paddingBottom="10" paddingRight="10"
  layout="vertical">
  <mx:DataGrid id="dgPosts" height="30%"
   dataProvider="{freeRequest.lastResult.allUnits.unit}" width="100%">
   <mx:columns>
    <mx:DataGridColumn headerText="unitName" dataField="unitName"/>
    <mx:DataGridColumn headerText="unitID" dataField="unitID"/>
   </mx:columns>
  </mx:DataGrid>
 </mx:Panel>
</mx:Application>


결과값


오오 정말 간단하게 뿌려준다.

'DEVELOPMENT > FLEX & AIR' 카테고리의 다른 글

[Flex] PieChart  (0) 2009.11.24
[Flex] LineChart  (0) 2009.11.24
[Chart] ColumnChart, BarChart  (0) 2009.11.24
[FLEX] HTTPService를 사용하여 파라미터 전송하기  (0) 2009.10.25
crossdomain.xml  (0) 2009.10.25