How to validate a Text Input inside a repeater?

How to validate a Text Input inside a repeater? I Have few Text inputs inside a repeter. How to Validate them, or give required== true  when they are placed inside a repeater
FlexFresher11Asked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
deepanjandasConnect With a Mentor Commented:
Try this:
 
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/29/displaying-checkbox-controls-using-the-repeater-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="vertical"
				verticalAlign="middle"
				backgroundColor="white" viewSourceURL="srcview/index.html">
	
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.controls.CheckBox;
			
			private function onClickHandler(event:Event):void 
			{
				var idx:int;
				var len:int = arr.length;
				for (idx=0; idx<len; idx++) {
					if (textInput[idx].text == "" ) {
						status.text = "required field.";
						stage.focus = textInput[idx];
						break;
					}
				}
				status.text = "";
				Alert.show("submit data");
			}
			
		]]>
	</mx:Script>
	
	<mx:Array id="arr">
		<mx:Object label="Red" data="red" />
		<mx:Object label="Orange" data="haloOrange" />
		<mx:Object label="Yellow" data="yellow" />
		<mx:Object label="Green" data="haloGreen" />
		<mx:Object label="Blue" data="haloBlue" />
	</mx:Array>
	

	<mx:Panel id="panel" width="50%" paddingLeft="10" verticalGap="10">
		<mx:Repeater id="checkBoxRepeater" dataProvider="{arr}">
			<mx:TextInput id="textInput" />
		</mx:Repeater>
		<mx:ControlBar horizontalAlign="right">
			<mx:Label id="status" />
			<mx:Button id="button"
					   label="Click me"
					   emphasized="true"
					   click="onClickHandler(event);" />
		</mx:ControlBar>
	</mx:Panel>
	
</mx:Application>

Open in new window


Warm Regards
Deepanjan Das
0
 
deepanjandasCommented:
Check this out, it uses a checkbox in repeater.

http://blog.flexexamples.com/2008/05/29/displaying-checkbox-controls-using-the-repeater-in-flex/

Warm Regards
Deepanjan Das
0
 
deepanjandasCommented:
Also see the last example in this link:
http://livedocs.adobe.com/flex/3/html/help.html?content=repeater_3.html

Warm Re
gards
Deepanjan Das
0
The IT Degree for Career Advancement

Earn your B.S. in Network Operations and Security and become a network and IT security expert. This WGU degree program curriculum was designed with tech-savvy, self-motivated students in mind – allowing you to use your technical expertise, to address real-world business problems.

 
FlexFresher11Author Commented:
Can you explain me with a code based example, where the textinput inside a repeater should be required.
How to set  required== true  
0
 
deepanjandasCommented:
okie, I will try to put up a sample for your sometimes early tomorrow PST.

Warm Regards
Deepanjan Das
0
 
FlexFresher11Author Commented:
Thank You it was really Helpful
0
All Courses

From novice to tech pro — start learning today.