Paging through an FxHScrollBar in Flex Gumbo

The following example shows how you can change the horizontal scroll position a single page up or page down in a Flex Gumbo FxHScrollBar component by using the page() method.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/11/18/paging-through-an-fxhscrollbar-in-flex-gumbo/ -->
<FxApplication name="FxHScrollBar_page_test"
        xmlns="http://ns.adobe.com/mxml/2009">
    <layout>
        <BasicLayout />
    </layout>

    <VGroup horizontalCenter="0" verticalCenter="0">
        <FxHScrollBar id="hScrollBar" width="100%" />
        <Label text="value = {hScrollBar.value}" />
        <HGroup>
            <FxButton id="pageUpButton"
                    label="page up"
                    autoRepeat="true"
                    buttonDown="hScrollBar.page(false);" />
            <FxButton id="pageDownButton"
                    label="page down"
                    autoRepeat="true"
                    buttonDown="hScrollBar.page(true);" />
        </HGroup>
    </VGroup>

</FxApplication>

View source is enabled in the following example.

Tagged as: Gumbo, page()