Listheader"
From Documentation
Jimmyshiau (talk | contribs) |
m ((via JWB)) |
||
| (10 intermediate revisions by 5 users not shown) | |||
| Line 6: | Line 6: | ||
*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: [ | + | *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 < | + | 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_ | + | [[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 | + | <listbox id="box"> |
<listhead sizable="true"> | <listhead sizable="true"> | ||
<listheader label="name" sort="auto"/> | <listheader label="name" sort="auto"/> | ||
| Line 49: | Line 49: | ||
=Supported Events= | =Supported Events= | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
|- | |- | ||
| − | | <center>< | + | | <center><code>onSort</code></center> |
| − | | '''Event:''' <javadoc>org.zkoss.zk.ui.event. | + | | '''Event:''' <javadoc>org.zkoss.zk.ui.event.SortEvent</javadoc> |
Denotes user has sorted the row of this column. | Denotes user has sorted the row of this column. | ||
| + | |||
| + | |- | ||
| + | | <center><code>onGroup</code></center> | ||
| + | | '''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. | ||
|} | |} | ||
| Line 64: | Line 77: | ||
=Supported Children= | =Supported Children= | ||
| − | * | + | *ALL |
| − | =Use | + | =Use Cases= |
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
| Line 77: | Line 90: | ||
=Version History= | =Version History= | ||
| + | {{LastUpdated}} | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
| − | | | + | | 6.5.0 |
| − | | | + | | June 2012 |
| − | | | + | | [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
- Demonstration: Listbox (Sorting)
- Java API: Listheader
- JavaScript API: Listheader
- Style Guide: 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
<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
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
Since 6.5.0 Denotes user has ungrouped all the cells under a column. |
- Inherited Supported Events: HeaderElement
Supported Children
*ALL
Use Cases
| Version | Description | Example Location |
|---|---|---|
| 5.0 | Multiline Listheader | http://www.zkoss.org/forum/listComment/6864 |
Version History
| 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 |