Need help on flex3- Click events

Question

Hello,
I have created a loosly coupled presentation layer using c# and flex. The previous project was in visual studio. It was tightly coupled layer. The present application is loosly coupled. I have chosen flex as a presentation layer,c# as a business layer and XML as the data source. The application is regarding student modules in a university. I have 2modules(workbooks) in my project .Each modules has its own workpage. Each page has objectives, Theory,modules guide, references.....etc in each page. I have created 7 web services using c#(Business layer) and XML(getMenu, getTheory,getObjectives,getPractices, getLinks, getAssessments,getModulesGuide). I didn't use any user interface controls.
getMenu is the menu item(Main modules-Database system and developing web application using asp.net). Each modules has 3 work pages. Each work page has objectives,theory...etc). I took objectives as the labels.
<mx:VBox 
label="Objectives"><mx:Label 
id="lblObj" text="Objectives" visible="false" styleName="linkList" fontFamily="Arial" fontSize="30" textAlign="left" /><mx:Repeater 
id="rp2" width="800"><mx:Text 
id="txtObj" text="{rp2.currentItem.objective_content}" width="800" enabled="true" fontFamily="Arial" textAlign="left" fontSize="14"/></mx:Repeater>
</mx:VBox>
<mx:VBox 
label="Theory"><mx:Label 
text="Theory" id="lblTheory" visible="false" styleName="linkList" fontFamily="Arial" fontSize="30" textAlign="left"/>
<mx:Repeater 
id="rp" width="950"><mx:VBox 
><mx:Label 
id="lblid" text="{rp.currentItem.body_frag_title}" fontWeight="bold" enabled="true" fontFamily="Arial" textAlign="left" fontSize="14"/><mx:Text 
text="{rp.currentItem.body_frag_text}" width="950" enabled="true" fontFamily="Arial" textAlign="left" fontSize="14"/></mx:VBox>
</mx:Repeater>
</mx:VBox>
I need little bit help from u. If i click on objectives it should displays only objectives information. If i click on the theory it should displays only objectives information.
Note: some pages have no objectives, some have no theory..etc
Thank you

Answer 1

Hi Anil,
Put your Objectives and Theory VBoxes in TabNavigtor as shownb below...
<mx:TabNavigator 
resizeToContent="true">
<mx:VBox label="Objectives">
<mx:Label id="lblObj" text="Objectives" visible="false" styleName="linkList" fontFamily="Arial" fontSize="30" textAlign="left" />
<mx:Repeater id="rp2" width="800">
<mx:Text id="txtObj" text="{rp2.currentItem.objective_content}" width="800" enabled="true" fontFamily="Arial" textAlign="left" fontSize="14"/>
</mx:Repeater>
</mx:VBox>
<mx:VBox label="Theory">
<mx:Label text="Theory" id="lblTheory" visible="false" styleName="linkList" fontFamily="Arial" fontSize="30" textAlign="left"/>  
<mx:Repeater id="rp" width="950">
<mx:VBox>
<mx:Label id="lblid" text="{rp.currentItem.body_frag_title}" fontWeight="bold" enabled="true" fontFamily="Arial" textAlign="left" fontSize="14"/>
 <mx:Text text="{rp.currentItem.body_frag_text}" width="950" enabled="true" fontFamily="Arial" textAlign="left" fontSize="14"/>
 </mx:VBox>
 </mx:Repeater>
 </mx:VBox>
 </mx:TabNavigator> 
Thanks,
Bhasker Chari