Repository: flex-asjs Updated Branches: refs/heads/develop b87381941 -> c39324f28
Fill TabBar in MainNavigation from Model Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/c39324f2 Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/c39324f2 Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/c39324f2 Branch: refs/heads/develop Commit: c39324f28afbdae3d100f9c033d3840aa634c186 Parents: b873819 Author: piotrz <[email protected]> Authored: Sat Jan 7 19:41:33 2017 +0100 Committer: piotrz <[email protected]> Committed: Sat Jan 7 19:41:33 2017 +0100 ---------------------------------------------------------------------- .../src/main/flex/MainNavigation.mxml | 21 +++----- .../flexjs/MDLExample/src/main/flex/Tabs.mxml | 51 -------------------- .../src/main/flex/models/MainNavigationModel.as | 21 ++++++++ 3 files changed, 28 insertions(+), 65 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/c39324f2/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml b/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml index 330fbed..28f587c 100644 --- a/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml +++ b/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml @@ -41,20 +41,13 @@ limitations under the License. </mdl:beads> </mdl:Navigation> </mdl:HeaderRow> - <mdl:TabBar ripple="true"> - <mdl:TabBarButton text="Cards" href="#cards_panel" isActive="true"/> - <mdl:TabBarButton text="Chips" href="#chips_panel"/> - <mdl:TabBarButton text="Sliders" href="#sliders_panel"/> - <mdl:TabBarButton text="Grids" href="#grids_panel"/> - <mdl:TabBarButton text="Tabs" href="#tabs_panel"/> - <mdl:TabBarButton text="Buttons" href="#buttons_panel" /> - <mdl:TabBarButton text="TextFields" href="#textfield_panel"/> - <mdl:TabBarButton text="Snackbar" href="#snackbar_panel"/> - <mdl:TabBarButton text="Toggles" href="#toggles_panel"/> - <mdl:TabBarButton text="Lists" href="#lists_panel"/> - <mdl:TabBarButton text="Loading" href="#loading_panel"/> - <mdl:TabBarButton text="Menu" href="#menus_panel"/> - <mdl:TabBarButton text="Badges" href="#badges_panel"/> + <mdl:TabBar ripple="true" labelField="label" tabIdField="href" className="customTabBarSetup"> + <mdl:beads> + <js:ConstantBinding + sourceID="mainNavigationModel" + sourcePropertyName="componentsTabs" + destinationPropertyName="dataProvider" /> + </mdl:beads> </mdl:TabBar> </mdl:Header> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/c39324f2/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml b/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml index 170b469..52154e7 100644 --- a/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml +++ b/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml @@ -82,56 +82,5 @@ limitations under the License. </mdl:NavigationLayoutContent> </mdl:NavigationLayout> </mdl:GridCell> - <!-- <mdl:Tabs width="400" ripple="true" tabIdField="tabId" className="customTabSetup"> - <mdl:beads> - <js:ConstantBinding - sourceID="tabsModel" - sourcePropertyName="tabsLayout" - destinationPropertyName="dataProvider" /> - </mdl:beads> - <mdl:TabBar tabIdField="tabId" labelField="label" className="customTabBarSetup" forceLayout="true"> - <mdl:beads> - <js:ConstantBinding - sourceID="tabsModel" - sourcePropertyName="tabsLayout" - destinationPropertyName="dataProvider" /> - </mdl:beads> - </mdl:TabBar> - <mdl:TabBar> - <mdl:TabBarButton text="Starks" href="#starks_panel"/> - <mdl:TabBarButton text="Lannisters" href="#lannisters_panel" isActive="true"/> - <mdl:TabBarButton text="Targaryens" href="#targaryens_panel"/> - </mdl:TabBar> - - <mdl:TabBarPanel id="starks_panel"> - <js:Ul> - <js:Li><js:Label text="Eddard"/></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" isActive="true"> - <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:Tabs> --> - </mdl:Grid> - </mdl:TabBarPanel> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/c39324f2/examples/flexjs/MDLExample/src/main/flex/models/MainNavigationModel.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/MDLExample/src/main/flex/models/MainNavigationModel.as b/examples/flexjs/MDLExample/src/main/flex/models/MainNavigationModel.as index c75b954..76a0807 100644 --- a/examples/flexjs/MDLExample/src/main/flex/models/MainNavigationModel.as +++ b/examples/flexjs/MDLExample/src/main/flex/models/MainNavigationModel.as @@ -51,5 +51,26 @@ package models { return _drawerNavigation; } + + private var _componentsTabs:Array = [ + new NavigationLinkVO("Cards", "cards_panel"), + new NavigationLinkVO("Chips", "chips_panel"), + new NavigationLinkVO("Sliders", "sliders_panel"), + new NavigationLinkVO("Grids", "grids_panel"), + new NavigationLinkVO("Tabs", "tabs_panel"), + new NavigationLinkVO("Buttons", "buttons_panel"), + new NavigationLinkVO("TextFields", "textfield_panel"), + new NavigationLinkVO("Snackbar", "snackbar_panel"), + new NavigationLinkVO("Toggles", "toggles_panel"), + new NavigationLinkVO("Lists", "lists_panel"), + new NavigationLinkVO("Loading", "loading_panel"), + new NavigationLinkVO("Menu", "menus_panel"), + new NavigationLinkVO("Badges", "badges_panel") + ]; + + public function get componentsTabs():Array + { + return _componentsTabs; + } } }
