Flex Examples
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.
<?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.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
