Spinner"
From Documentation
| Line 20: | Line 20: | ||
=In-place Editing= | =In-place Editing= | ||
| + | ==Fixed Width == | ||
| + | <source lang="xml"> | ||
| + | <spinner width="100px" inplace="true" value="30" /> | ||
| + | </source> | ||
==Dynamic Width== | ==Dynamic Width== | ||
| + | Because inplace editing function in ZK is pure client side action, so we can use client api to modify the width (server side do not need to know) | ||
| + | |||
| + | [[File:ZK_Component_Reference-Input-Spinner-inplace.jpg]] | ||
| + | <source lang="xml"> | ||
| + | <zk xmlns:c="client"> | ||
| + | <spinner inplace="true" value="240" width="25px" c:onFocus='this.setWidth("60px")' c:onBlur='this.setWidth("25px")' /> | ||
| + | </zk> | ||
| + | </source> | ||
=Supported events= | =Supported events= | ||
Revision as of 07:27, 13 October 2010
Spinner
Employment/Purpose
An edit box for holding a constrained integer.
Example
<window title="Spinner" border="normal" width="150px">
<spinner />
</window>
In-place Editing
Fixed Width
<spinner width="100px" inplace="true" value="30" />
Dynamic Width
Because inplace editing function in ZK is pure client side action, so we can use client api to modify the width (server side do not need to know)
<zk xmlns:c="client">
<spinner inplace="true" value="240" width="25px" c:onFocus='this.setWidth("60px")' c:onBlur='this.setWidth("25px")' />
</zk>
Supported events
| None | None |
Supported Children
*ALL
Use cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|