Slider"
From Documentation
Tmillsclare (talk | contribs) m (Created page with 'init') |
|||
| Line 1: | Line 1: | ||
| − | + | {{ZKComponentReferencePageHeader}} | |
| + | |||
| + | = Slider = | ||
| + | |||
| + | *Demonstration: [http://www.zkoss.org/zkdemo/userguide/#m2 Slider] | ||
| + | *Java API: <javadoc>org.zkoss.zul.Slider</javadoc> | ||
| + | *JavaScript API: <javadoc directory="jsdoc">zul.inp.Slider</javadoc> | ||
| + | |||
| + | = 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 <tt>maxpos</tt> property. | ||
| + | |||
| + | = Example = | ||
| + | [[Image:Slider.png]] | ||
| + | |||
| + | <source lang="xml" > | ||
| + | <slider id="slider" /> | ||
| + | <slider curpos=”1” maxpos=”20” /> | ||
| + | </source> | ||
| + | |||
| + | =Supported events= | ||
| + | |||
| + | {| border="1" | width="100%" | ||
| + | ! <center>Name</center> | ||
| + | ! <center>Event Type</center> | ||
| + | |- | ||
| + | | <center>onScroll</center> | ||
| + | | '''Event: '''<javadoc>org.zkoss.zk.ui.event.ScrollEvent</javadoc> | ||
| + | |||
| + | Denotes the content of a scrollable component has been scrolled by the user. | ||
| + | |||
| + | |||
| + | |- | ||
| + | | <center>onScrolling</center> | ||
| + | | '''Event: '''<javadoc>org.zkoss.zk.ui.event.ScrollEvent</javadoc> | ||
| + | |||
| + | 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 <tt>getPos</tt> method in the ScrollEvent class to retrieve the temporary position. | ||
| + | |||
| + | |} | ||
| + | |||
| + | =Supported Children= | ||
| + | |||
| + | *ALL | ||
| + | |||
| + | =Use cases= | ||
| + | |||
| + | {| border='1px' | width="100%" | ||
| + | ! Version !! Description !! Example Location | ||
| + | |- | ||
| + | | 5.0 | ||
| + | | Radiogroup and selection | ||
| + | | [http://www.zkoss.org/forum/listComment/12148 http://www.zkoss.org/forum/listComment/12148] | ||
| + | |- | ||
| + | | 5.0 | ||
| + | | Radiogroup, data binding and TypeConverter | ||
| + | | [http://www.zkoss.org/forum/listComment/7011 http://www.zkoss.org/forum/listComment/7011] | ||
| + | |} | ||
| + | |||
| + | =Version History= | ||
| + | |||
| + | {| border='1px' | width="100%" | ||
| + | ! Version !! Date !! Content | ||
| + | |- | ||
| + | | 5.0.1 | ||
| + | | 4/30/2010 | ||
| + | | Initialization | ||
| + | |} | ||
| + | |||
| + | |||
| + | {{ZKComponentReferencePageFooter}} | ||
Revision as of 23:20, 2 May 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
<slider id="slider" />
<slider curpos=”1” maxpos=”20” />
Supported events
| Event: ScrollEvent
Denotes the content of a scrollable component has been scrolled by the user.
| |
| 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 |
|---|---|---|
| 5.0 | Radiogroup and selection | http://www.zkoss.org/forum/listComment/12148 |
| 5.0 | Radiogroup, data binding and TypeConverter | http://www.zkoss.org/forum/listComment/7011 |
Version History
| Version | Date | Content |
|---|---|---|
| 5.0.1 | 4/30/2010 | Initialization |