Span"

From Documentation
m
 
(15 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 =
  
A Span is sam as HTML SPAN tag
+
<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%"
=Supported events=
 
 
 
{| border="1" | width="100%"
 
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
 
 
|-
 
|-
|
+
| &nbsp;
|
+
| &nbsp;
 
 
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 33: Line 37:
 
  *ALL
 
  *ALL
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
| 5.0+
+
| &nbsp;
|  
+
| &nbsp;
|  
+
| &nbsp;
 
|}
 
|}
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.1
+
| &nbsp;
| 4/20/2012
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 07:16, 5 February 2024

Span

  • Demonstration: N/A
  • Java API: Span
  • JavaScript API: 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

ZKComRef Span Example.png

<span>
	Name:
	<textbox />
</span>

Supported Events

Name
Event Type
   

Supported Children

*ALL

Use Cases

Version Description Example Location
     

Version History

Last Update : 2024/02/05


Version Date Content
     



Last Update : 2024/02/05

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