ZK Component Reference/Base Components/NumberInputElement

Number Input Element

• Demonstration: Number Input Element
• Java API: NumberInputElement
• JavaScript API: N/A

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,

<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="tw"
					value="2000.02" />
				<decimalbox format="#,###.00" locale="tw" value="2000.02"/>
				<doublespinner format="#,###.00" locale="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("tw");
				}
			}
			]]></attribute>
	</button>

Supported Events

Name	Inherited From
None	None

Supported Children

*ALL

Use Cases

Version	Description	Example Location

Version History

Version	Date	Content