Scrollview"

From Documentation
(Created page with "{{ZKComponentReferencePageHeader}} = Scrollview = *Demonstration: N/A *Java API: <javadoc>org.zkoss.zkmax.zul.Scrollview</javadoc> *JavaScript API: <javadoc directory="jsdoc">zk...")
 
Line 12: Line 12:
  
 
= Example =
 
= Example =
The following example will make the five window components scroll-able in vertical direction.
+
You can scroll up/down to see other window components with the following sample ZUL.
 
[[image:ScrollviewExample.png]]
 
[[image:ScrollviewExample.png]]
 
<source lang="xml">
 
<source lang="xml">

Revision as of 10:24, 14 August 2012

Scrollview

Employment/Purpose

Scrollview provides a container to make its content scroll-able on tablet/mobile device.

Example

You can scroll up/down to see other window components with the following sample ZUL. ScrollviewExample.png

<scrollview vflex="1" hflex="1">
    <zk forEach="1,2,3,4,5">
        <window title="window ${each}" border="normal" width="255px" height="200px">
        This is Window ${each}
        </window>
    </zk>
</scrollview>

Properties

Orient

The default orient of child components inside Scrollview is vertical. You can also change it to horizontal.

<scrollview vflex="1" hflex="1" orient="horizontal" />

Supported Events

Name
Event Type
onScroll
Event: ScrollEvent

Denotes the content of a scrollable component has been scrolled by the user. Notice that you can check if it is scrolled outside boundaries by invoke getOutOfBound method in the ScrollEvent.

onScrolling
Event: ScrollEvent

Denotes that the user is scrolling a scrollable component.

Supported Children

*ALL

Use Cases

Version Description Example Location
     

Version History

Last Update : 2012/08/14


Version Date Content
6.5.0 August, 2012 new added component



Last Update : 2012/08/14

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.