Re: [FlexJS] need help in creating reusable tabBar control

[dhwanishah85]

Hi Alex,

Thanks Alex for all your help and suggestions:

With the help of my co-workers, I was able to finish Tab Component. I have
created it outside FlexJS SDK. 
I would like to share the design of our current Tab component:

Note: Make sure to pass TabBarView's id as viewContainer in TabBar and map
each view's id with TabBar's dataProvider (in this case labelFields)

public var _labelFields:Array = new Array("home", "products" ,"Support",
"ContactUS" ); 
[Bindable("__NoChangeEvent__")]
                public function get labelFields():Array
                {
                        return _labelFields;
                }

<js:Container id="maincontainer" width="50%" height="50%">
                 <layout:TabBar dataProvider="{labelFields}" width="300" 
height="30"
id="tabbar" viewContainer="{tabbarview}" />
                
                <layout:TabBarView id="tabbarview" width="50%" height="50%" x= 
"40"
y="40">
                        <views:HomeView id="home"   />
                        <views:ProductsView id="products" />
                        <views:SupportView id="Support"   />
                        <views:ContactUSView id="ContactUS" />
                 </layout:TabBarView>
                
                </js:Container>

In above design TabBar is extending ButtonBar while TabBarView extends
Container.

Thanks
Dhwani
My Apache Flex community contribution is working on the open source
Moonshine-IDE.com for FlexJS.



--
View this message in context: 
http://apache-flex-development.2333347.n4.nabble.com/FlexJS-need-help-in-creating-reusable-tabBar-control-tp54492p54775.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.