MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

The scenario also sets up a listener for click events on the TOC entries, the handler for which flips to
the appropriate item by setting the FlipView’s currentPage property. The picture items then have a back
link to the TOC. See the clickHandler function in the code for both of these actions.
Scenario 4 (“Creating a context control”) demonstrates adding a navigation control overlay to each
item:
The items themselves are again rendered using a declarative template, which in this case just
contains a placeholder div called ContextContainer for the navigation control (html/context-
Control.html):
When the control is initialized in the processed method of js/contextControl.js, the sample calls the
FlipView’s async count method. The completed handler, countRetrieved, then creates the navigation
control using a row of styled radiobuttons. The onpropertychange handler for each radiobutton then
sets the FlipView’s currentPage property.
Scenario 4 also sets up listeners for the FlipView’s pageselected and pagevisibilitychanged events.
The first is used to update the navigation radiobuttons when the user flips between pages. The other is
used to prevent clicks on the navigation control while a flip is happening. (The event occurs when an
item changes visibility and is fired twice for each flip, once for the previous item, and again for the new
one.)
Scenario 5 (“Styling Navigation Buttons”) demonstrates the styling features of the FlipView, which
involves various win-* styles and pseudo-classes as shown here:
200