HtmlBasedComponent"
From Documentation
m (Created page with '{{ZKComponentReferencePageHeader}} = (Your Component Name) = *Demonstration: *Java API: <javadoc>org.zkoss.zul.XXX</javadoc> *JavaScript API: <javadoc directory="jsdoc">zul.YY…') |
Jumperchen (talk | contribs) |
||
(16 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
{{ZKComponentReferencePageHeader}} | {{ZKComponentReferencePageHeader}} | ||
− | = | + | = Html Based Component = |
− | *Demonstration: | + | *Demonstration: N/A |
− | *Java API: <javadoc>org.zkoss. | + | *Java API: <javadoc>org.zkoss.zk.ui.HtmlBasedComponent</javadoc> |
− | *JavaScript API: <javadoc directory="jsdoc"> | + | *JavaScript API: <javadoc directory="jsdoc">zk.Widget</javadoc> |
= Employment/Purpose = | = Employment/Purpose = | ||
+ | A skeletal implementation for HTML based components. It simplifies to implement methods common to HTML based components. | ||
+ | =Example= | ||
+ | N/A | ||
− | = | + | =Supported Events= |
+ | {| border="1" | width="100%" | ||
+ | ! <center>Name</center> | ||
+ | ! <center>Event Type</center> | ||
+ | |- | ||
+ | | <center><tt>onDrop</tt></center> | ||
+ | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.DropEvent</javadoc> | ||
+ | Denotes user has dropped the dragged target to the component. | ||
+ | |- | ||
+ | | <center><tt>onClick</tt></center> | ||
+ | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | ||
+ | Denotes user has clicked the component. | ||
+ | |- | ||
+ | | <center><tt>onDoubleClick</tt></center> | ||
+ | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | ||
+ | Denotes user has double-clicked the component. | ||
+ | |- | ||
+ | | <center><tt>onRightClick</tt></center> | ||
+ | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MouseEvent</javadoc> | ||
+ | Denotes user has right-clicked the component. | ||
+ | |- | ||
+ | | <center><tt>onMouseOver</tt></center> | ||
+ | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MoveEvent</javadoc> | ||
+ | Denotes user has hovered over the component. | ||
+ | |- | ||
+ | | <center><tt>onMouseOut</tt></center> | ||
+ | | '''Event:''' <javadoc> org.zkoss.zk.ui.event.MoveEvent</javadoc> | ||
+ | Denotes user has moved out the component. | ||
+ | |- | ||
+ | | <center><tt>onOK </tt></center> | ||
+ | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | ||
+ | Denotes user has pressed the ENTER key. | ||
+ | |- | ||
+ | | <center><tt>onCancel </tt></center> | ||
+ | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> | ||
− | + | Denotes user has pressed the ESC key. | |
− | |||
− | |||
− | |||
|- | |- | ||
− | | | + | | <center><tt>onCtrlKey</tt></center> |
− | | | + | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.KeyEvent</javadoc> |
+ | |||
+ | Denotes 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. | ||
|} | |} | ||
Line 36: | Line 72: | ||
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
− | | | + | | |
− | | | + | | |
− | | | + | | |
|} | |} | ||
Line 46: | Line 82: | ||
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
− | | 5. | + | | 5.0.3 |
− | | | + | | June 2010 |
− | | | + | | The onMouseOver and onMouseOut events are supported. |
|} | |} | ||
{{ZKComponentReferencePageFooter}} | {{ZKComponentReferencePageFooter}} |
Revision as of 10:04, 11 November 2010
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
Event: DropEvent
Denotes user has dropped the dragged target to the component. | |
Event: MouseEvent
Denotes user has clicked the component. | |
Event: MouseEvent
Denotes user has double-clicked the component. | |
Event: MouseEvent
Denotes user has right-clicked the component. | |
Event: MoveEvent
Denotes user has hovered over the component. | |
Event: MoveEvent
Denotes user has moved out the component. | |
Event: KeyEvent
Denotes user has pressed the ENTER key. | |
Event: KeyEvent
Denotes user has pressed the ESC key. | |
Event: KeyEvent
Denotes 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. |
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. |