Re: [FlexJS] Data-binding fails when following multiple references

[sankar]

piotrz wrote
> Put into model only one model and it should work.

Hi Priotr,

I'm okay with adding only one model class in <mdl:model> tag. I also tested
if I declare an external class having data for Table component in
<fx:Script/> tag and then bind to Table component, that does work. 

But Tabs and TabBar component still breaking my application when I tried by
bracketed binding. I tried following codes:

<mdl:GridCell column="1" percentWidth="100">
            <mdl:Tabs width="400" selectedIndex="1" tabIdField="tabId"
labelField="label" className="customTabBarPanelItemRenderer"
dataProvider="{tabsModel.tabs}"/>
        </mdl:GridCell>
       <mdl:GridCell column="1" percentWidth="100">
            <mdl:NavigationLayout width="600">
                <mdl:Header>
                    <mdl:TabBar selectedIndex="0" tabIdField="tabId"
labelField="label" className="customTabBarSetup"
dataProvider="{tabsModel.tabsLayout}"/>
                </mdl:Header>

                <mdl:NavigationLayoutContent>
                    <mdl:TabBarPanel id="starks_panel" isActive="true">
                        <js:Ul>
                            <js:Li><mdl:beads><js:InnerHTML
text="Eddard"/></mdl:beads></js:Li>
                            <js:Li><js:Label text="Catelyn"/></js:Li>
                            <js:Li><js:Label text="Robb"/></js:Li>
                            <js:Li><js:Label text="Sansa"/></js:Li>
                            <js:Li><js:Label text="Brandon"/></js:Li>
                            <js:Li><js:Label text="Arya"/></js:Li>
                            <js:Li><js:Label text="Rickon"/></js:Li>
                        </js:Ul>
                    </mdl:TabBarPanel>

                    <mdl:TabBarPanel id="lannisters_panel">
                        <js:Ul>
                            <js:Li><js:Label text="Tywin"/></js:Li>
                            <js:Li><js:Label text="Cersei"/></js:Li>
                            <js:Li><js:Label text="Jamie"/></js:Li>
                            <js:Li><js:Label text="Tyrion"/></js:Li>
                        </js:Ul>
                    </mdl:TabBarPanel>

                    <mdl:TabBarPanel id="targaryens_panel">
                        <js:Ul>
                            <js:Li><js:Label text="Viserys"/></js:Li>
                            <js:Li><js:Label text="Daenerys"/></js:Li>
                        </js:Ul>
                    </mdl:TabBarPanel>
                </mdl:NavigationLayoutContent>
            </mdl:NavigationLayout>
        </mdl:GridCell>


Can you please take a look, Priotr (?)

Thanks!



--
View this message in context: 
http://apache-flex-development.2333347.n4.nabble.com/FlexJS-Data-binding-fails-when-following-multiple-references-tp58022p59179.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.