The Chart data was static initially and then when I added the function “executeBindings(true);”, then, I saw the chage in my Charts. (when my dataSource was modifyied dynamically )
However, when I have my debuffer on the after the data has been loaded initially and when i change the datasource (selectedSectors), I can see the change in selectedSectors but the debugger never comes to the tag

In my output, my Chart data is displayed only for the modified datasource but for the rest, emplty charts are been seen.

Would appreciate any help :)
Thank you in advance

I am getting an error of “Error #1007: Instantiation attempted on a non-constructor. for the following code. the repeater is unable to repeat the custom component.

wRepeater = new Repeater();
var descProps:Object = {};
descProps.type = recData;
descProps.document = this;
descProps.propertiesFactory = function():Object{return {infoData: wRepeater.currentItem}};
var recordDescriptor:UIComponentDescriptor = new UIComponentDescriptor(descProps as RecordDataComp);
acData = createRecordData(featureSet); //this returns as an array collection after an rest based service call.
wRepeater.dataProvider = acData;
wRepeater.childDescriptors = [recordDescriptor];
wRepeater.initializeRepeater(vBox2, true); // At this point I am getting the above said error.
vBox1.addChild(wRepeater);

Here ‘RecordDataComp’ is the custom component made up with VBox consisting an two text components in another VBox.
‘acData’ is ArrayCollection
‘infoData’ is the public property in ‘RecordDataComp’ actionscript class.
‘recData’ is the instance of ‘RecordDataComp’
‘wRepeater’ is the instance of ‘Repeater’

Any help would be appreciated.

Thanks in advance.
-Ven.

Thanks,
Jamie

box_v=new VBox();
babyactimg=new Image();
rep=new Repeater();
addChild(box_v);
rep.dataProvider=cat.img;
babyactimg.source=rep.currentItem.@src;
babyactimg.width=30;
babyactimg.height=30;
addChild(babyactimg);
box_v.addChild(rep);
this was i done in as3 but i got the first record only…what can i do for get all the records from the repeater using as3..

Excellent article, I’m trying to do something close to this, but I’m having trouble, I wonder if I can help, here’s what I’m doing:
I built a panel only via code and put it in a Canvas also via code and then a vbox and finally put a Canvas (which I want to repeat), I sought data from a php file, but so far I could not do repeat, here’s the code:

import mx.core.UIComponentDescriptor;
import mx.controls.Text;
import mx.controls.Image;
import mx.controls.Label;
import mx.managers.PopUpManager;
import mx.containers.Panel;
import mx.core.Repeater;
import mx.containers.Canvas;
import mx.containers.VBox;
import mx.controls.Label;
public var canvas:Canvas;
public var vbox:VBox;
public var rep:Repeater;
public var win:Panel;
public var msgErr:Text;
public var imgClose:Image;
public var title:Label;

public function winFiles(evt:Event):void {
param = new Text();
param.text = evt.currentTarget.automationName;
recFiles.send();
}

{ param.text}

private function checkFiles(evt:ResultEvent):void {
win = new Panel();
imgClose = new Image();

imgClose.source = “../images/close.png”;
imgClose.scaleContent = true;
imgClose.autoLoad = true;
imgClose.toolTip = “FECHAR”;
imgClose.setStyle(“right”,”5″);
imgClose.setStyle(“top”,”5″);
imgClose.y = 50;
imgClose.buttonMode = true;
if(evt.result.dados.registros == “0″) {
msgErr = new Text();
win.width = 380;
win.height = 355;
win.title = “:: Anexos (“+evt.result.dados.registros+”)”;
win.x = (Application.application.width – win.width) / 2;
win.y = (Application.application.height – win.height) / 2;
win.layout = “absolute”;

msgErr.text = “no file found”;
msgErr.setStyle(“left”,”5″);
msgErr.setStyle(“top”,”5″);
msgErr.width = 180;
msgErr.height = 50;

win.addChild(msgErr);
PopUpManager.addPopUp(win,panel1,true);
} else {
canvas = new Canvas();
rep = new Repeater();
vbox = new VBox();

var canvBox:Canvas = new Canvas();
var lblname:Label = new Label();
var name:Label = new Label();
var date:Label = new Label();
var hour:Label = new Label();

win.width = 380;
win.height = 355;
win.title = “:: Anexos (“+evt.result.dados.registros+”)”;
win.x = (Application.application.width – win.width) / 2;
win.y = (Application.application.height – win.height) / 2;
win.layout = “absolute”;

canvas.width = 355;
canvas.height= 260;
canvas.setStyle(“left”,”0″);
canvas.setStyle(“top”,”50″);

vbox.setStyle(“left”,”5″);
vbox.setStyle(“top”,”0″);
vbox.setStyle(“verticalGap”,”6″);
vbox.width = 335;
vbox.height = 260;

canvas.addChild(vbox);

canvBox.width = 320;
canvBox.height= 60;
canvBox.setStyle(“backgroundColor”,”#ededed”);
canvBox.setStyle(“borderStyle”,”solid”);
canvBox.setStyle(“cornerRadius”,”5″);

vbox.addChild

var repAnexos:UIComponentDescriptor = new UIComponentDescriptor(canvBox);

rep.dateProvider = recAnexos.lastResult.anexos;
rep.childDescriptors = [repAnexos];
rep.initializeRepeater(vbox, true);

vbox.addChild(rep);

lblname.text = “Name:”;
lblname.setStyle(“fontWeight”,”bold”);
lblname.setStyle(“left”,”0″);
lblname.setStyle(“top”,”5″);
lblname.width = 100;

name.setStyle(“left”,”110″);
name.setStyle(“top”,”5″);
name.width = 100;

canvBox.addChild(lblname);
canvBox.addChild(name);
win.addChild(canvas);
PopUpManager.addPopUp(win,panel1,true);
}
win.addChild(imgClose);
imgClose.addEventListener(MouseEvent.CLICK, closeFiles);
}
private function closeFiles(evt:Event):void {
PopUpManager.removePopUp(win);
}

I decided to replace the function “radioPropFac” with the something like this:

descriptorProps.propertiesFactory = function():Object {
return {
text: itemRepeater.currentItem.label
}}

…that worked like a charm.

Do I create another UIComponentDescriptor for the HBox or do a var myHbox:HBox = new HBox()? And then how do I put the Radio button and TextInput into myHbox and get the repeater to repeat that entire process?

radioRepeater = new Repeater();
radioRepeater.dataProvider = arr;
radioRepeater.childDescriptors = [radioDescriptor, txtInputDescriptor];
radioRepeater.initializeRepeater(myTile, true);

All the things I’ve tried only scattered my objects all over the screen or I had one Huge long horizontal box that scrolled off the screen.

Thanks
Greg

package
{
	public class Source
	{
		public function Source(){}

		public function get name():String {
			return _name;
		}
		public function set name(value:String):void{
			_name = value;
		}
		private var _name:String = "";
	}
}

SourceData.as:

package
{
	public class SourceData
	{
		public function SourceData(source:Source) {
			_source = source;
		}

		public function name():String {
			return _source.name;
		}
		public function get quantity():Number {
			return _quantity;
		}
		public function set	quantity(value:Number):void {
			_quantity = value;
		}
		private var _source:Source = null;
		private var _quantity:Number = 0;
	}
}

Tactic.as:

package
{
	public class Tactic
	{
		public function Tactic(){}

		public function get name():String {
			return _name;
		}
		public function set name(value:String):void{
			_name = value;
		}
		private var _name:String = "";
	}
}

TacticData.as:

package
{
	public class TacticData
	{
		public function TacticData(tactic:Tactic){
			_tactic = tactic;
		}
		//this must be a get (unlike the name function of SourceData)
		//for the label of checkboxes
		//either that or jump thru some hoops when calling name to display text of function result
		public function get name():String {
			return _tactic.name;
		}
		public function get selected():Boolean {
			return _selected;
		}
		public function set selected(value:Boolean):void{
			_selected = value;
		}
		public function get dueDate():Date {
			return _dueDate;
		}
		public function set dueDate(value:Date):void{
			_dueDate = value;
		}
		public function get done():Boolean {
			return _done;
		}
		public function set done(value:Boolean):void{
			_done = value;
		}
		private var _selected:Boolean = false;
		private var _dueDate:Date = new Date();
		private var _done:Boolean = false;
		private var _tactic:Tactic = null;
	}
}

Main.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
	creationComplete="init()">
<mx:Script>
<![CDATA[
	import mx.controls.CheckBox;
	import mx.controls.Alert;
	import mx.collections.ArrayCollection;

	[Bindable]
	private var sources:ArrayCollection;

	private function init():void{
			var s1:Source = new Source();
			s1.name = "Source 1"
			var s2:Source = new Source();
			s2.name = "Source 2"

			var s1d:SourceData = new SourceData(s1);
			var s2d:SourceData = new SourceData(s2);

			var ta:Tactic = new Tactic();
			ta.name = "tactic A";
			var tb:Tactic = new Tactic();
			tb.name = "tactic B";
			var tc:Tactic = new Tactic();
			tc.name = "tactic C";

			var tad:TacticData = new TacticData(ta);
			var tbd:TacticData = new TacticData(tb);
			tbd.selected=true;
			var tcd:TacticData = new TacticData(tc);

			var a1:Array = new Array(tad,tbd);
			var a2:Array = new Array(tcd);

			sources = new ArrayCollection();
			sources.addItem({name:s1d.name(),quantity:s1d.quantity,tactics:a1});
			sources.addItem({name:s2d.name(),quantity:s2d.quantity,tactics:a2});
	}
	private function checkTactic(event:Event):void{
		var cb:CheckBox = event.currentTarget as CheckBox;
		var t:TacticData = cb.getRepeaterItem() as TacticData;
	}
	private function checkDone(event:Event):void{
		var cb:CheckBox = event.currentTarget as CheckBox;
		var t:TacticData = cb.getRepeaterItem() as TacticData;
		//Alert.show(t.name);
		//now how to get the sourceData associated with this tacticData?
	}
	private function n():void{
		var a:int = 0;
		a++;
	}
]]>
</mx:Script>
<mx:VBox width="100%" height="100%">
	<mx:HBox horizontalGap="0" >
		<mx:Label text="Source" fontSize="14" fontWeight="bold" />
		<mx:Label text="Quantity" fontSize="14" fontWeight="bold" />
		<mx:Label text="Tactic" fontSize="14" fontWeight="bold" />
	</mx:HBox>

	<mx:Grid horizontalScrollPolicy="auto" verticalScrollPolicy="auto"
		id="mainGrid"
		width="100%" >
		<mx:Repeater id="repSources" dataProvider="{this.sources}"
			>
			<mx:GridRow>
				<mx:GridItem colSpan="2">
					<mx:HRule width="100%" />
				</mx:GridItem>
			</mx:GridRow>
			<mx:GridRow>
				<mx:GridItem>
					<mx:Label id="sourceName" text="{repSources.currentItem.name}" />
				</mx:GridItem>
				<mx:GridItem>
					<mx:TextInput text="{repSources.currentItem.quantity}" />
				</mx:GridItem>
				<mx:GridItem>
				<mx:VBox>
					<mx:Repeater id="repTactics" dataProvider="{repSources.currentItem.tactics}">
					<mx:HBox>
						<mx:CheckBox label="{repTactics.currentItem.name}"
							selected="{repTactics.currentItem.selected}"
							change="checkTactic(event)"/>
						<mx:DateField enabled="{repTactics.currentItem.selected}"/>
						<mx:CheckBox label="Done"
							selected="{repTactics.currentItem.done}"
							enabled="{repTactics.currentItem.selected}"
							change="checkDone(event)"/>
					</mx:HBox>
					</mx:Repeater>
				</mx:VBox>
				</mx:GridItem>
			</mx:GridRow>
		</mx:Repeater>
	</mx:Grid>
</mx:VBox>

</mx:Application>

The example at the top of the page shows how to create a Repeater using ActionScript.

Peter

I am using this way!

But only runs the first record!

private function Repeat (): void (

var repeater: Repeater = new Repeater ();
repeater.dataProvider = dataprovider_Controller.item;

trace ( "repeater.currentItem.image:" + repeater.currentItem.image);
var image: Image = new Image ();

image.setStyle ( "HorizontalAlign", "left");
image.source = repeater.currentItem.image;
image.id = "image";
trace ( "image.source:" + image.source);

)

I think I have to quit Repeat to make the loop of
records, but how would this in ActionScript?