Auxhead"

From Documentation
m ((via JWB))
 
(17 intermediate revisions by 6 users not shown)
Line 3: Line 3:
 
= Auxhead =
 
= Auxhead =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#g13 Auxhead zkdemo]
+
*Demonstration: [http://www.zkoss.org/zkdemo/grid/merged_header Grid (Merged Header) ]
 
*Java API: <javadoc>org.zkoss.zul.Auxhead</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Auxhead</javadoc>
*JavaScript API: <javadoc directory="jsdoc">zul.Auxhead</javadoc>
+
*JavaScript API: <javadoc directory="jsdoc">zul.mesh.Auxhead</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Auxhead| Auxhead]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
 
+
Used to define a collection of auxiliary headers (<code>Auxheader</code>).
Space is a Separator with the orient default to "horizontal".
 
 
 
In other words, <space> is equivalent to <separator orient="horizontal">
 
 
 
 
 
  
 
= Example =
 
= Example =
  
 +
[[Image:ZKComRef_Auxheader.png]]
  
 +
<source lang="xml" >
 +
<grid>
 +
<auxhead>
 +
<auxheader label="H1'07" colspan="6" />
 +
<auxheader label="H2'07" colspan="6" />
 +
</auxhead>
 +
<auxhead>
 +
<auxheader label="Q1" colspan="3" />
 +
<auxheader label="Q2" colspan="3" />
 +
<auxheader label="Q3" colspan="3" />
 +
<auxheader label="Q4" colspan="3" />
 +
</auxhead>
 +
<columns>
 +
<column label="Jan" />
 +
<column label="Feb" />
 +
<column label="Mar" />
 +
<column label="Apr" />
 +
<column label="May" />
 +
<column label="Jun" />
 +
<column label="Jul" />
 +
<column label="Aug" />
 +
<column label="Sep" />
 +
<column label="Oct" />
 +
<column label="Nov" />
 +
<column label="Dec" />
 +
</columns>
 +
<rows>
 +
<row>
 +
<label value="1,000" />
 +
<label value="1,100" />
 +
<label value="1,200" />
 +
<label value="1,300" />
 +
<label value="1,400" />
 +
<label value="1,500" />
 +
<label value="1,600" />
 +
<label value="1,700" />
 +
<label value="1,800" />
 +
<label value="1,900" />
 +
<label value="2,000" />
 +
<label value="2,100" />
 +
</row>
 +
</rows>
 +
</grid>
 +
</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>
Line 30: Line 69:
 
| None
 
| None
 
|}
 
|}
 +
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
  
  *ALL
+
  *[[ZK_Component_Reference/Supplementary/Auxheader | Auxheader]]
  
=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;
 
| &nbsp;
 
| &nbsp;
Line 46: Line 87:
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.x.x
+
| &nbsp;
| x/x/20xx
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 14:09, 12 January 2022

Auxhead

Employment/Purpose

Used to define a collection of auxiliary headers (Auxheader).

Example

ZKComRef Auxheader.png

<grid>
	<auxhead>
		<auxheader label="H1'07" colspan="6" />
		<auxheader label="H2'07" colspan="6" />
	</auxhead>
	<auxhead>
		<auxheader label="Q1" colspan="3" />
		<auxheader label="Q2" colspan="3" />
		<auxheader label="Q3" colspan="3" />
		<auxheader label="Q4" colspan="3" />
	</auxhead>
	<columns>
		<column label="Jan" />
		<column label="Feb" />
		<column label="Mar" />
		<column label="Apr" />
		<column label="May" />
		<column label="Jun" />
		<column label="Jul" />
		<column label="Aug" />
		<column label="Sep" />
		<column label="Oct" />
		<column label="Nov" />
		<column label="Dec" />
	</columns>
	<rows>
		<row>
			<label value="1,000" />
			<label value="1,100" />
			<label value="1,200" />
			<label value="1,300" />
			<label value="1,400" />
			<label value="1,500" />
			<label value="1,600" />
			<label value="1,700" />
			<label value="1,800" />
			<label value="1,900" />
			<label value="2,000" />
			<label value="2,100" />
		</row>
	</rows>
</grid>

Supported Events

Name
Event Type
None None

Supported Children

* Auxheader

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/01/12


Version Date Content
     



Last Update : 2022/01/12

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