Listheader"

From Documentation
m
m ((via JWB))
 
(18 intermediate revisions by 7 users not shown)
Line 3: Line 3:
 
= Listheader =
 
= Listheader =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#g7 Listheader ]
+
*Demonstration: [http://www.zkoss.org/zkdemo/listbox/sorting Listbox (Sorting) ]
 
*Java API: <javadoc>org.zkoss.zul.Listheader</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Listheader</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.sel.Listheader</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.sel.Listheader</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Listheader| Listheader]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
  
The list header which defines the attributes and header of a columen of a list box. Its parent must be <tt>Listhead</tt>.
+
The list header which defines the attributes and header of a columen of a list box. Its parent must be <code>Listhead</code>.
  
 
= Example =
 
= Example =
  
[[Image:ZKComRef_ Listheader_Examples.PNG]]  
+
[[Image:ZKComRef_ Listbox_Example.png]]  
  
 
<source lang="xml" >
 
<source lang="xml" >
  <window title="listbox demo" border="normal">
+
  <window title="listbox demo" border="normal" width="250px">
         <listbox id="box" width="250px">
+
         <listbox id="box">
 
             <listhead sizable="true">
 
             <listhead sizable="true">
 
                 <listheader label="name" sort="auto"/>
 
                 <listheader label="name" sort="auto"/>
Line 46: Line 47:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
 +
 +
|-
 +
| <center><code>onSort</code></center>
 +
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.SortEvent</javadoc>
 +
Denotes user has sorted the row of this column.
 +
 
|-
 
|-
| None
+
| <center><code>onGroup</code></center>
| None
+
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.SortEvent</javadoc>
 +
[ZK PE]
 +
{{versionSince| 6.5.0}}
 +
Denotes user has grouped all the cells under a column.
 +
|-
 +
| <center><code>onUngroup</code></center>
 +
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.SortEvent</javadoc>
 +
{{ZK EE}}
 +
{{versionSince| 6.5.0}}
 +
Denotes user has ungrouped all the cells under a column.
 +
 
 
|}
 
|}
 +
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/HeaderElement#Supported_Events | HeaderElement]]
  
 
=Supported Children=
 
=Supported Children=
  
  *NONE
+
  *ALL
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
| 5.0+
+
| 5.0
 
| Multiline Listheader
 
| Multiline Listheader
 
| http://www.zkoss.org/forum/listComment/6864
 
| http://www.zkoss.org/forum/listComment/6864
Line 71: Line 90:
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.1
+
| 6.5.0
| 4/28/2012
+
| June 2012
| Initialization
+
| [http://tracker.zkoss.org/browse/ZK-120 ZK-120]: Provide menupopup="auto" for listbox
 +
|-
 +
| 6.5.0
 +
| June 2012
 +
| [http://tracker.zkoss.org/browse/ZK-147 ZK-147]: Support ungroup for grid's column menu
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 08:15, 14 January 2022

Listheader

Employment/Purpose

The list header which defines the attributes and header of a columen of a list box. Its parent must be Listhead.

Example

ZKComRef Listbox Example.png

 <window title="listbox demo" border="normal" width="250px">
         <listbox id="box">
             <listhead sizable="true">
                 <listheader label="name" sort="auto"/>
                 <listheader label="gender" sort="auto"/>
             </listhead>
             <listitem>
                 <listcell label="Mary"/>
                 <listcell label="FEMALE"/>
             </listitem>
             <listitem>
                 <listcell label="John"/>
                 <listcell label="MALE"/>
             </listitem>
             <listitem>
                 <listcell label="Jane"/>
                 <listcell label="FEMALE"/>
             </listitem>
             <listitem>
                 <listcell label="Henry"/>
                 <listcell label="MALE"/>
             </listitem>
             <listfoot >
                 <listfooter><label value="This is footer1"/></listfooter>
                 <listfooter><label value="This is footer2"/></listfooter>
             </listfoot>
         </listbox>        
 </window>

Supported Events

Name
Event Type
onSort
Event: SortEvent

Denotes user has sorted the row of this column.

onGroup
Event: SortEvent
[ZK PE]

Since 6.5.0 Denotes user has grouped all the cells under a column.

onUngroup
Event: SortEvent
  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

Since 6.5.0 Denotes user has ungrouped all the cells under a column.

Supported Children

*ALL

Use Cases

Version Description Example Location
5.0 Multiline Listheader http://www.zkoss.org/forum/listComment/6864

Version History

Last Update : 2022/01/14


Version Date Content
6.5.0 June 2012 ZK-120: Provide menupopup="auto" for listbox
6.5.0 June 2012 ZK-147: Support ungroup for grid's column menu



Last Update : 2022/01/14

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