NumberInputElement"

From Documentation
 
(9 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
* Demonstration: [http://www.zkoss.org/zkdemo/userguide/#f2 Number Input Element]
 
* Demonstration: [http://www.zkoss.org/zkdemo/userguide/#f2 Number Input Element]
 
*Java API: <javadoc>org.zkoss.zul.impl.NumberInputElement</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.impl.NumberInputElement</javadoc>
 +
*JavaScript API: N/A
  
 
= Employement/Purpose =
 
= Employement/Purpose =
 
A skeletal implementation for number-type input box.  
 
A skeletal implementation for number-type input box.  
  
 +
=Example=
 +
 +
N/A
 +
 +
= Per-component Locale =
 +
{{versionSince|5.0.8}}
 +
You can add a locale per component for all of the NumberInputElement.
 +
 +
For example,
 +
 +
[[File:NumberInputElement-Locales.png]]
 +
 +
<source lang="xml" highlight="11,12,13">
 +
<grid width="550px">
 +
<columns>
 +
<column hflex="min" label="Locale(Correct Result)" />
 +
<column hflex="min" label="Doublebox" />
 +
<column hflex="min" label="Decimalbox" />
 +
<column hflex="min" label="Doublespinner" />
 +
</columns>
 +
<rows id="rows">
 +
<row>
 +
TW (Taiwan): 2,000.02
 +
<doublebox format="#,###.00" locale="zh_TW"
 +
value="2000.02" />
 +
<decimalbox format="#,###.00" locale="zh_TW" value="2000.02"/>
 +
<doublespinner format="#,###.00" locale="zh_TW" value="2000.02" step="0.5"/>
 +
</row>
 +
<row>
 +
FR (French): 2 000,02
 +
<doublebox format="#,###.00" locale="fr"
 +
value="2000.02" />
 +
<decimalbox format="#,###.00" locale="fr" value="2000.02"/>
 +
<doublespinner format="#,###.00" locale="fr" value="2000.02" step="0.5"/>
 +
</row>
 +
<row>
 +
<label pre="true">IT (Italian):    2.000,02</label>
 +
<doublebox format="#,###.00" locale="it"
 +
value="2000.02" />
 +
<decimalbox format="#,###.00" locale="it" value="2000.02"/>
 +
<doublespinner format="#,###.00" locale="it" value="2000.02" step="0.5"/>
 +
</row>
 +
</rows>
 +
</grid>
 +
<button label="Change all locales to Taiwan">
 +
<attribute name="onClick"><![CDATA[
 +
for(Iterator it = rows.getChildren().iterator(); it.hasNext();) {
 +
for(Iterator itt = it.next().getChildren().iterator(); itt.hasNext();) {
 +
Component c = itt.next();
 +
if (c instanceof org.zkoss.zul.impl.NumberInputElement)
 +
c.setLocale("zh_TW");
 +
}
 +
}
 +
]]></attribute>
 +
</button>
 +
</source>
 +
 +
=Supported Events=
 +
 +
{| class='wikitable' | width="100%"
 +
! <center>Name</center>
 +
! <center>Inherited From</center>
 +
 +
|-
 +
| None
 +
| None
 +
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/FormatInputElement#Supported_Events | FormatInputElemen]]
  
 
=Supported Children=
 
=Supported Children=
  
−
  *ALL
+
  *NONE
  
−
=Version History=
+
=Use Cases=
  
 +
{| class='wikitable' | width="100%"
 +
! Version !! Description !! Example Location
 +
|-
 +
| &nbsp;
 +
| &nbsp;
 +
| &nbsp;
 +
|}
  
 +
=Version History=
  
−
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
−
| 5.0.1
+
| 5.0.8
−
| 04/20/2010
+
| May 2011
−
| Initialization
+
| Support locale per component.
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 08:55, 6 March 2024


DocumentationZK Component ReferenceBase ComponentsNumberInputElement
NumberInputElement

Number Input Element

Employement/Purpose

A skeletal implementation for number-type input box.

Example

N/A

Per-component Locale

Since 5.0.8 You can add a locale per component for all of the NumberInputElement.

For example,

NumberInputElement-Locales.png 

<grid width="550px">
		<columns>
			<column hflex="min" label="Locale(Correct Result)" />
			<column hflex="min" label="Doublebox" />
			<column hflex="min" label="Decimalbox" />
			<column hflex="min" label="Doublespinner" />
		</columns>
		<rows id="rows">
			<row>
				TW (Taiwan): 2,000.02
				<doublebox format="#,###.00" locale="zh_TW"
					value="2000.02" />
				<decimalbox format="#,###.00" locale="zh_TW" value="2000.02"/>
				<doublespinner format="#,###.00" locale="zh_TW" value="2000.02" step="0.5"/>
			</row>
			<row>
				FR (French): 2 000,02
				<doublebox format="#,###.00" locale="fr"
					value="2000.02" />
				<decimalbox format="#,###.00" locale="fr" value="2000.02"/>
				<doublespinner format="#,###.00" locale="fr" value="2000.02" step="0.5"/>
			</row>
			<row>
				<label pre="true">IT (Italian):    2.000,02</label>
				<doublebox format="#,###.00" locale="it"
					value="2000.02" />
				<decimalbox format="#,###.00" locale="it" value="2000.02"/>
				<doublespinner format="#,###.00" locale="it" value="2000.02" step="0.5"/>
			</row>
		</rows>
	</grid>
	<button label="Change all locales to Taiwan">
		<attribute name="onClick"><![CDATA[
			for(Iterator it = rows.getChildren().iterator(); it.hasNext();) {
				for(Iterator itt = it.next().getChildren().iterator(); itt.hasNext();) {
						Component c = itt.next();
						if (c instanceof org.zkoss.zul.impl.NumberInputElement)
							c.setLocale("zh_TW");
				}
			}
			]]></attribute>
	</button>

Supported Events

Name
Inherited From
None None

Supported Children

*NONE

Use Cases

Version Description Example Location
     

Version History

Version Date Content
5.0.8 May 2011 Support locale per component.



Last Update : 2024/03/06

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


Retrieved from "https://www.zkoss.org/_w/index.php?title=ZK_Component_Reference/Base_Components/NumberInputElement&oldid=57035"