Slider"

From Documentation
Line 15: Line 15:
 
<source lang="xml" >
 
<source lang="xml" >
 
  <slider id="slider" />
 
  <slider id="slider" />
  <slider curpos=”1” maxpos=”20” />
+
  <slider curpos="1" maxpos="20" />
 +
</source>
 +
 
 +
= Page Increment =
 +
 
 +
By default, the slider will move to the position of the try on which an user clicks. If you prefer to move in a fixed amount (like the scrollbar does), you could specify the amount of value to move by use of <javadoc method="setPageIncrement(int)">org.zkoss.zul.Slider</javadoc>.
 +
 
 +
<source lang="xml" >
 +
  <slider pageIncrement="10"/>
 
</source>
 
</source>
  

Revision as of 04:00, 2 September 2010

Slider

Employment/Purpose

A slider component represents a slider with slid and knob. It can be used to let user specify a value by scrolling. A slider accepts a range of value starting from 0 to 100. You could change the maximum allowed value by the maxpos property.

Example

File:Slider.png

 <slider id="slider" />
 <slider curpos="1" maxpos="20" />

Page Increment

By default, the slider will move to the position of the try on which an user clicks. If you prefer to move in a fixed amount (like the scrollbar does), you could specify the amount of value to move by use of Slider.setPageIncrement(int).

  <slider pageIncrement="10"/>

Supported events

Name
Event Type
onScroll
Event: ScrollEvent

Denotes the content of a scrollable component has been scrolled by the user.


onScrolling
Event: ScrollEvent

Denotes that user is scrolling a scrollable component. Notice that the component's content (at the server) won't be changed until onScroll is received. Thus, you have to invoke the getPos method in the ScrollEvent class to retrieve the temporary position.

Supported Children

*ALL

Use cases

Version Description Example Location
     

Version History

Version Date Content
5.0.4 August 2010 Slider.setPageIncrement(int) is supported.



Last Update : 2010/09/02

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