HtmlBasedComponent"
From Documentation
| Line 22: | Line 22: | ||
| <center><code>onDrop</code></center> | | <center><code>onDrop</code></center> | ||
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.DropEvent</javadoc> | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.DropEvent</javadoc> | ||
| − | Denotes user has dropped the dragged target to | + | Denotes a user has dropped the dragged target to a component. |
|- | |- | ||
| <center><code>onClick</code></center> | | <center><code>onClick</code></center> | ||
| '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | ||
| − | Denotes user has clicked | + | Denotes a user has clicked a component. |
|- | |- | ||
| <center><code>onDoubleClick</code></center> | | <center><code>onDoubleClick</code></center> | ||
| '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | ||
| − | Denotes user has double-clicked | + | Denotes a user has double-clicked a component. |
|- | |- | ||
| <center><code>onRightClick</code></center> | | <center><code>onRightClick</code></center> | ||
| '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | ||
| − | Denotes user has right-clicked | + | Denotes a user has right-clicked a component. |
|- | |- | ||
| <center><code>onMouseOver</code></center> | | <center><code>onMouseOver</code></center> | ||
| '''Event:''' <javadoc> org.zkoss.zk.ui.event.MoveEvent</javadoc> | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MoveEvent</javadoc> | ||
| − | Denotes user has hovered over the component. | + | Denotes a user has hovered over the component. |
|- | |- | ||
| <center><code>onMouseOut</code></center> | | <center><code>onMouseOut</code></center> | ||
| '''Event:''' <javadoc> org.zkoss.zk.ui.event.MoveEvent</javadoc> | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MoveEvent</javadoc> | ||
| − | Denotes user has moved out | + | Denotes a user has moved out a component. |
|- | |- | ||
| <center><code>onOK </code></center> | | <center><code>onOK </code></center> | ||
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | ||
| − | Denotes a user has pressed the ENTER key. | + | Denotes a user has pressed the '''ENTER''' key. |
|- | |- | ||
| Line 54: | Line 54: | ||
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | ||
| − | Denotes a user has pressed the ESC key. | + | Denotes a user has pressed the '''ESC''' key. |
|- | |- | ||
| Line 60: | Line 60: | ||
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | ||
| − | Denotes a user has pressed a special key, such as PgUp, Home, and a key combined with the Ctrl or Alt key. Refer to the ctrlKeys Property section below for details. | + | Denotes a user has pressed a special key, such as PgUp, Home, and a key combined with the Ctrl or Alt key. Refer to the <code>ctrlKeys</code> Property section below for details. |
|- | |- | ||
| <center><code>onAfterSize</code></center> | | <center><code>onAfterSize</code></center> | ||
| Line 67: | Line 67: | ||
* a user resizes a sizable component in a browser | * a user resizes a sizable component in a browser | ||
* a component calculates its size in a browser | * a component calculates its size in a browser | ||
| + | |- | ||
| + | | <center><code>onCreate</code></center> | ||
| + | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.CreateEvent</javadoc> | ||
|} | |} | ||
Revision as of 01:31, 10 June 2022
Html Based Component
- Demonstration: N/A
- Java API: HtmlBasedComponent
- JavaScript API: Widget
Employment/Purpose
A skeletal implementation for HTML based components. It simplifies to implement methods common to HTML based components.
Example
N/A
Supported Events
onDrop |
Event: DropEvent
Denotes a user has dropped the dragged target to a component. |
onClick |
Event: MouseEvent
Denotes a user has clicked a component. |
onDoubleClick |
Event: MouseEvent
Denotes a user has double-clicked a component. |
onRightClick |
Event: MouseEvent
Denotes a user has right-clicked a component. |
onMouseOver |
Event: MoveEvent
Denotes a user has hovered over the component. |
onMouseOut |
Event: MoveEvent
Denotes a user has moved out a component. |
onOK |
Event: KeyEvent
Denotes a user has pressed the ENTER key. |
onCancel |
Event: KeyEvent
Denotes a user has pressed the ESC key. |
onCtrlKey |
Event: KeyEvent
Denotes a user has pressed a special key, such as PgUp, Home, and a key combined with the Ctrl or Alt key. Refer to the |
onAfterSize |
Event: AfterSizeEvent
It's fired after
|
onCreate |
Event: CreateEvent |
Supported Children
*ALL
Use cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|
| 5.0.3 | June 2010 | The onMouseOver and onMouseOut events are supported. |