Demonstrates how to navigate a hierarchy of content using the NavigationWindow object.
A NavigationWindow implements a specialized view that manages the navigation of hierarchical content. You call the NavigationWindow object's openWindow() method to open a new window in the navigation group, closeWindow() to remove it.
The sample's main index.xml view declares a NavigationWindow element named
When the "Push" button is clicked, it invokes the
Alloy.Globals.openWindow() function. This function is defined in the application's alloy.js file, and calls the
navWindow's openWindow() method, passing it a new window created from the
app/views/win.xml view. It also initializes a global counter variable named
ctr that's displayed by each window added to the navigation stack.
Each newly created window displays left and right navigation buttons that let you push a new window on the navigation stack, or pop the current window off the stack. The "Push" button calls the same global
openWindow() function, and the "Pop" button calls the view-controller's
closeWindow() function, which calls calls
closeWindow() on the
The view-controller for each window pushed onto the navigation stack displays the value of the global
ctr in a Label, as well as property in the window's title.