flex - load tabbar data on tab selection.

Question

5.00/5 (1 vote)

See more:

Hi..
i am using flex spark TabBar component having six tab(NavigatorContent components),now when i am loading page having TabBar it loads all six NavigatorContent components' data at page load time.but i want that NavigatorContent data should be loaded only when particular tab is selected. how can i do this?
i am using tabbar as shown below

<s:tabbar dataprovider="{vsPatientInformation}" width="100%" height="100%" xmlns:s="#unknown">
			<s:layout>
				<s:horizontallayout gap="5"></s:horizontallayout>
			</s:layout>
		</s:tabbar>
		<mx:viewstack id="vsPatientInformation" height="100%" width="100%" xmlns:mx="#unknown">
				<comp:first label="First" width="100%" xmlns:comp="#unknown"></comp:first> // navigatorContent component
				<comp:second label="Second" width="100%" xmlns:comp="#unknown"></comp:second>  // navigatorContent component
				<comp:third label="Third" width="100%" xmlns:comp="#unknown"></comp:third> // navigatorContent component
		</mx:viewstack>

Posted 17-Jun-11 4:26am

niravsahayata

Updated 19-Jun-11 23:36pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TorstenH. · Accepted Answer · 2011-06-19T20:24:00

Solution 1

how did you implement the tabbar? What kind of data do you want to load? the GUI components or additional data from the facade?

Handling TabBar control events @ adobe.com[^]

Tabbar @ adobe.com[^]

You need to refer to the function

private function clickEvt(event:ItemClickEvent):void { }

and load the data on that event.

Posted 19-Jun-11 20:24pm

TorstenH.

Updated 19-Jun-11 20:26pm

v2

Comments

niravsahayata 20-Jun-11 5:38am

thanks for this..
i have added code i am using,each navigatorcontent contain some gui components.
i want each navigatorcontent to load on tab selection only.

TorstenH. 21-Jun-11 2:04am

yeah - "tab selection" is what we like to call a ItemClickEvent. Split your code and refer to the examples. They don't give you a out-of-box solution, but as a developer you'll know what to do.

niravsahayata 22-Jun-11 2:08am

ok..thanks.
now i am using modules in place of navigatorcontent, and its working for me.