Hey could anyone tell me why this actionscript
function does not work?
I want to try and total the prices of all the items that get put into
my shopping cart.
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.IndexChangedEvent;
import mx.formatters.CurrencyFormatter;
import mx.effects.*;
import mx.core.*;
import mx.controls.NumericStepper;
[Bindable]
public var myDP:ArrayCollection = new ArrayCollection();
[Bindable]
public var total:Number = 0;
public function addItem(item:Object):void{
myDP.addItem(item);
calculateTotal();
}
private function calculateTotal():void{
for (var i:int=0; i < myDP.length; i++) {
total += myDP[i].price * myDP[i].quantity;
}
}
]]>
</mx:Script>
<mx:DataGrid width="100%" textAlign="center"
height="100%"
id="content" dropEnabled="true" dataProvider="{myDP}">
<mx:columns>
<mx:DataGridColumn headerText="" dataField="image"
itemRenderer="mx.controls.Image" width="25"/>
<mx:DataGridColumn headerText="Product" dataField="name"/>
<mx:DataGridColumn id="productQuantity" headerText="Qty"
dataField="quantity" rendererIsEditor="true"
itemRenderer="mx.controls.NumericStepper" editorDataField="value"/>
<mx:DataGridColumn id="productPrice" headerText="Price"
dataField="price"/>
</mx:columns>
</mx:DataGrid>
<mx:Form verticalGap="0" paddingRight="0"
borderStyle="outset">
<mx:FormItem label="Total:" color="#ffffff"
borderStyle="inset">
<mx:Label id="extPrice" width="70" text="{total}"
textAlign="right"/>
</mx:FormItem>
</mx:Form>