blog.breadfit.com

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="16">
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
private function showProdName():void
{
httpGetData.send();
this.currentState='fullSizePanel';
}

[Bindable] private var GetData:ArrayCollection = new ArrayCollection();
private function getResult(event:ResultEvent):void
{
GetData = event.result.root.goods.goodsitem;
}


import mx.controls.Image;
private function displayItem():void
{
itemStage.removeAllChildren();
for(var i:Number=0; i<GetData.length; i++)
{
var itemImg:Image = new Image();
itemImg.source= GetData[i].OriginImage;
itemImg.width = 120;
itemImg.height = 120;

itemStage.addChild(itemImg);
}
}
]]>
</mx:Script>

<mx:HTTPService id="httpGetData"
url="http://dev.flypan.co.kr/RiaShop/getList.aspx"
result="getResult(event)">
<mx:request>
<MinPrice>{tiMinPrice.text}</MinPrice>
<MaxPrice>{tiMaxPrice.text}</MaxPrice>
<StartNum>1</StartNum>
<EndNum>20</EndNum>
</mx:request>
</mx:HTTPService>

<mx:states>
<mx:State name="fullSizePanel">
<mx:SetProperty target="{panel1}" name="width" value="95%"/>
<mx:SetProperty target="{panel1}" name="height" value="95%"/>
<mx:SetProperty target="{panel1}" name="title" value="확대크기"/>
<mx:SetProperty target="{button1}" name="label" value="축소하기"/>
<mx:SetEventHandler target="{button1}" name="click" handler="this.currentState=''"/>
<mx:AddChild relativeTo="{controlbar1}" position="before">
<mx:DataGrid width="100%" height="100%" dataProvider="{GetData}" id="datagrid1">

</mx:DataGrid>
</mx:AddChild>
<mx:AddChild relativeTo="{controlbar1}" position="lastChild">
<mx:Button label="이미지 보기" click="currentState='ShowImage'; displayItem()"/>
</mx:AddChild>
</mx:State>
<mx:State name="ShowImage" basedOn="fullSizePanel">
<mx:RemoveChild target="{datagrid1}"/>
<mx:RemoveChild target="{form1}"/>
<mx:AddChild relativeTo="{controlbar1}" position="before">
<mx:Tile x="0" y="0" width="100%" height="100%" id="itemStage">
</mx:Tile>
</mx:AddChild>
</mx:State>
</mx:states>




<mxanel id="panel1"
title="기본크기"
layout="absolute"
height="200"
resizeEffect="Resize" width="300" horizontalCenter="0" verticalCenter="0">
<mx:Form x="0" y="0" width="100%" height="100%" id="form1">
<mx:FormItem label="최소가격">
<mx:TextInput id="tiMinPrice"/>
</mx:FormItem>
<mx:FormItem label="최대가격">
<mx:TextInput id="tiMaxPrice"/>
</mx:FormItem>
</mx:Form>

<mx:ControlBar id="controlbar1">
<mx:Button id="button1"
label="확대하기"
click="showProdName()"/>
</mx:ControlBar>
</mxanel>

</mx:Application>