Span"
From Documentation
RebeccaLai (talk | contribs) m |
|||
| (14 intermediate revisions by 5 users not shown) | |||
| Line 3: | Line 3: | ||
= Span = | = Span = | ||
| − | *Demonstration: | + | *Demonstration: N/A |
*Java API: <javadoc>org.zkoss.zul.Span</javadoc> | *Java API: <javadoc>org.zkoss.zul.Span</javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Span</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zul.wgt.Span</javadoc> | ||
| Line 9: | Line 9: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
| − | + | <code>Span</code> is one of the most lightweight containers to group child components for, say, assigning CSS or making more sophisticated layout. It is the same as HTML SPAN tag. Span is displayed inline with other siblings; as if there are ''no'' line breaks between them. | |
= Example = | = Example = | ||
| + | [[Image:ZKComRef_Span_Example.png]] | ||
| + | <source lang="xml"> | ||
| + | <span> | ||
| + | Name: | ||
| + | <textbox /> | ||
| + | </span> | ||
| + | </source> | ||
| + | =Supported Events= | ||
| − | + | {| class='wikitable' | width="100%" | |
| − | |||
| − | |||
| − | {| | ||
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
| − | + | |- | |
| + | | | ||
| + | | | ||
|} | |} | ||
| + | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
=Supported Children= | =Supported Children= | ||
| Line 29: | Line 37: | ||
*ALL | *ALL | ||
| − | =Use | + | =Use Cases= |
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
| − | | | + | | |
| − | | | + | | |
| − | | | + | | |
|} | |} | ||
=Version History= | =Version History= | ||
| + | {{LastUpdated}} | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
| − | | | + | | |
| − | | | + | | |
| − | | | + | | |
|} | |} | ||
{{ZKComponentReferencePageFooter}} | {{ZKComponentReferencePageFooter}} | ||
Latest revision as of 07:16, 5 February 2024
Span
Employment/Purpose
Span is one of the most lightweight containers to group child components for, say, assigning CSS or making more sophisticated layout. It is the same as HTML SPAN tag. Span is displayed inline with other siblings; as if there are no line breaks between them.
Example
<span>
Name:
<textbox />
</span>
Supported Events
- Inherited Supported Events: XulElement
Supported Children
*ALL
Use Cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|