Intbox"

From Documentation
Line 3: Line 3:
 
= Intbox =
 
= Intbox =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#f2 Intbox]
+
*Demonstration: [http://www.zkoss.org/zkdemo/input/form_sample Intbox ]
 
*Java API: <javadoc>org.zkoss.zul.Intbox</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Intbox</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.inp.Intbox</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.inp.Intbox</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Intbox | Intbox]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 25: Line 26:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 31: Line 32:
 
! <center>Event Type</center>
 
! <center>Event Type</center>
 
|-
 
|-
| <center><tt>onChange</tt></center>
+
| None
| <javadoc>org.zkoss.zk.ui.event.InputEvent</javadoc>
+
| None
 
 
'''Description:'''
 
 
 
Denotes the content of an input component has been modified by the user.
 
 
 
|-
 
| <center><tt>onChanging</tt></center>
 
| <javadoc>org.zkoss.zk.ui.event.InputEvent</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes that user is changing the content of an input component. Notice that the component's content (at the server) won't be changed until <tt>onChange</tt> is received. Thus, you have to invoke the <tt>getValue </tt>method in the <tt>InputEvent </tt>class to retrieve the temporary value.
 
 
 
|-
 
| <center><tt>onSelection</tt></center>
 
| <javadoc>org.zkoss.zk.ui.event.SelectionEvent</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes that user is selecting a portion of the text of an input component. You can retrieve the start and end position of the selected text by use of the <tt>getStart</tt> and <tt>getEnd</tt> methods.''' '''
 
 
 
|-
 
| <center><tt>onFocus</tt></center>
 
| <javadoc>org.zkoss.zk.ui.event.Event</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes when a component gets the focus. Remember event listeners execute at the server, so the focus at the client might be changed when the event listener for <tt>onFocus</tt> got executed.
 
 
 
|-
 
| <center><tt>onBlur</tt></center>
 
| <javadoc>org.zkoss.zk.ui.event.Event</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes when a component loses the focus. Remember event listeners execute at the server, so the focus at the client might be changed when the event listener for <tt>onBlur </tt>got executed.
 
 
 
|-
 
| <center><tt>onCreate</tt></center>
 
| <javadoc>org.zkoss.ui.zk.ui.event.CreateEvent</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes a component is created when rendering a ZUML page.
 
 
 
|-
 
| <center><tt>onDrop</tt></center>
 
| <javadoc>org.zkoss.ui.zk.ui.event.DropEvent</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes another component is dropped to the component that receives this event.
 
 
 
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/NumberInputElement#Supported_Events | NumberInputElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 92: Line 41:
 
  *NONE
 
  *NONE
  
=Use cases=
+
=Use Cases=
  
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"
Line 107: Line 56:
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content

Revision as of 09:11, 19 November 2010

Intbox

Employment/Purpose

A intbox is used to let users input integer data.

Example

ZKComRef Intbox.png

While input invalid data:

ZKComRef Intbox2.png

 <window title="Intbox Demo" border="normal" width="200px">
     int box:<intbox/>
 </window>

Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Version Description Example Location
3.6 Leading zero in Intbox http://www.zkoss.org/forum/listComment/10271
3.6 Constraint Intbox to accept only digits http://www.zkoss.org/forum/listComment/4603

Version History

Last Update : 2010/11/19


Version Date Content
     



Last Update : 2010/11/19

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