NumberInputElement"

From Documentation
 
(4 intermediate revisions by 2 users not shown)
Line 15: Line 15:
  
 
= Per-component Locale =
 
= Per-component Locale =
[since 5.0.8]
+
{{versionSince|5.0.8}}
 
You can add a locale per component for all of the NumberInputElement.
 
You can add a locale per component for all of the NumberInputElement.
  
Line 22: Line 22:
 
[[File:NumberInputElement-Locales.png]]
 
[[File:NumberInputElement-Locales.png]]
  
<source lang="xml" high="11,12,13">
+
<source lang="xml" highlight="11,12,13">
 
<grid width="550px">
 
<grid width="550px">
 
<columns>
 
<columns>
Line 69: Line 69:
 
=Supported Events=
 
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Inherited From</center>
 
! <center>Inherited From</center>
Line 77: Line 77:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/FormatInputElement#Supported_Events | FormatInputElemen]]
  
 
=Supported Children=
 
=Supported Children=
  
  *ALL
+
  *NONE
  
 
=Use Cases=
 
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 94: Line 95:
 
=Version History=
 
=Version History=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

Latest revision as of 08:55, 6 March 2024


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.