Hi Flexers!!!
I was wondering if anyone can help me with my code. I'm trying to
create a shopping cart, but I'm having trouble on the addToCart() and
addItem() functions on my actionscript. I'm new to flex and not the
best actionscriptist so any advice would be greatly appreciated! I
want to add the product details (name, quantity, and price) from my
xml document ("catalog.xml") to the the datagrid in the shopping cart
when the user clicks the cart button "(cartBtn)." This has been
driving me nuts for the past week, PLEASE HELP! :)
Thanks
Sal
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
layout="absolute" xmlns:local="*" creationComplete="srv.send()">
<mx:Script>
<![CDATA[
public function addToCart(product:Object):void{
cartView.addItem({name: product.name, qty: 1, price:
product.price});
}
]]>
</mx:Script>
<mx:HTTPService id="srv" url="../data/catalog.xml" useProxy="false"
result="(srv.lastResult.catalog.product)"/>
<mx:Canvas x="0" y="0" width="100%" height="100%">
<mx:HBox x="0" y="0" width="100%" height="100%"
horizontalAlign="center" verticalAlign="middle">
<mx:Panel id="catalogPanel" layout="absolute" width="780"
height="100%" shadowDirection="left" shadowDistance="6"
title=".:Browse:." fontSize="11" fontWeight="bold" moveEffect="Move">
<mx:Canvas id="boxesCanvas" width="100%" height="100%">
<!--Tile View-->
<mx:VBox width="100%" height="100%" horizontalAlign="right">
<mx:TileList dataProvider="{srv.lastResult.catalog.product}"
height="100%" width="100%" itemRenderer="thumbnail"
id="productTileList" rowCount="3" columnCount="4" dragEnabled="true"/>
</mx:VBox>
</mx:Canvas>
</mx:Panel>
<local:ShoppingCart id="cartView" width="200" height="50%"
purchase="addToCart(event)"/>
</mx:HBox>
</mx:Canvas>
</mx:Application>
<!--Shopping Cart Component-->
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml";>
<mx:Metadata>
[Event("purchase")]
</mx:Metadata>
<mx:Script>
<![CDATA[
public function addItem(item:Object):void{
dg.addChild(item.data);
}
]]>
</mx:Script>
<mx:Panel width="100%" height="100%" layout="absolute" title="Shopping
Cart">
<mx:DataGrid x="0" y="0" id="dg" width="100%" height="100%"
dropEnabled="true">
<mx:columns>
<mx:DataGridColumn headerText="Product"
dataField="name"/>
<mx:DataGridColumn headerText="Quantity"
dataField="qty"/>
<mx:DataGridColumn headerText="Price"
dataField="price"/>
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Canvas>
<!--Thumbnail Component-->
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%"
height="100%">
<mx:Metadata>
[Event("purchase")]
</mx:Metadata>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"; backgroundAlpha="0"
borderStyle="none" width="75%" height="100%"
verticalAlign="middle" verticalGap="0" verticalScrollPolicy="off"
horizontalAlign="center" >
<mx:Image id="img" height="115" width="130" source="../{data.image}"
verticalAlign="middle"
horizontalAlign="center"/>
<mx:Label text="{data.part}" fontWeight="bold" fontSize="10"/>
<mx:Label text="{data.manufacturer}" fontWeight="bold" fontSize="8"/>
</mx:VBox>
<mx:VBox width="25%" height="100%" horizontalAlign="center"
verticalAlign="middle">
<mx:Button id="cartBtn" width="40" label="Add" toolTip="Add To Cart"
click="dispatchEvent(new Event('purchase'))"/>
</mx:VBox>
</mx:HBox>
------------------------ Yahoo! Groups Sponsor --------------------~-->
Something is new at Yahoo! Groups. Check out the enhanced email design.
http://us.click.yahoo.com/SISQkA/gOaOAA/yQLSAA/nhFolB/TM
--------------------------------------------------------------------~->
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/flexcoders/
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
