Listgroup"

From Documentation
m (Created page with 'init')
 
Line 1: Line 1:
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Listgroup =
 +
 
 +
*Demonstration: N/A
 +
*Java API: <javadoc>org.zkoss.zul.Listgroup</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zkex.sel.Listgroup</javadoc>
 +
 
 +
= Employment/Purpose =
 +
 
 +
Adds the ability for single level grouping to the Listbox.
 +
 
 +
= Example =
 +
 
 +
[[Image:ZKComRef_Listgroup_Example.PNG]]
 +
 
 +
<source lang="xml" >
 +
<?xml version="1.0" encoding="UTF-8"?>
 +
<zk>
 +
    Listbox support Grouping
 +
    <listbox id="listbox" width="250px">
 +
        <listhead sizable="true" id="h">
 +
            <listheader id="h1" label="name" sort="auto" />
 +
            <listheader id="h2" label="gender" sort="auto" />
 +
        </listhead>
 +
        <listgroup id="gp1" open="false">
 +
            <listcell label="Group1"/>
 +
            <listcell label="Group2"/>
 +
        </listgroup>
 +
        <listitem>
 +
            <listcell label="a Mary" />
 +
            <listcell label="a FEMALE" />
 +
        </listitem>
 +
        <listitem>
 +
            <listcell label="b Mary" />
 +
            <listcell label="b FEMALE" />
 +
        </listitem>
 +
        <listitem id="li1">
 +
            <listcell label="c Mary1" />
 +
            <listcell label="c FEMALE1" />
 +
        </listitem>
 +
        <listitem>
 +
            <listcell label="d Mary" />
 +
            <listcell label="d FEMALE" />
 +
        </listitem>
 +
        <listitem>
 +
            <listcell label="e John" />
 +
            <listcell label="e MALE" />
 +
        </listitem>
 +
        <listgroup id="g2" label="Grouping 2" />
 +
        <listitem>
 +
            <listcell label="Jane" />
 +
            <listcell label="FEMALE" />
 +
        </listitem>
 +
        <listitem>
 +
            <listcell label="Henry" />
 +
            <listcell label="MALE" />
 +
        </listitem>
 +
 +
    </listbox>
 +
</zk>
 +
</source>
 +
 
 +
 
 +
 
 +
=Supported events=
 +
 
 +
{| border="1" | width="100%"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
|-
 +
| None
 +
| None
 +
|}
 +
 
 +
=Supported Children=
 +
 
 +
<javadoc>org.zkoss.zul.Listcell</javadoc>
 +
 
 +
=Use cases=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Description !! Example Location
 +
|-
 +
| 5.0
 +
| &nbsp;
 +
| &nbsp;
 +
|}
 +
 
 +
=Version History=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| 5.0.1
 +
| 4/27/2010
 +
| Initialization
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Revision as of 11:12, 27 April 2010

Listgroup

Employment/Purpose

Adds the ability for single level grouping to the Listbox.

Example

ZKComRef Listgroup Example.PNG

 <?xml version="1.0" encoding="UTF-8"?>
 <zk>
     Listbox support Grouping
     <listbox id="listbox" width="250px">
         <listhead sizable="true" id="h">
             <listheader id="h1" label="name" sort="auto" />
             <listheader id="h2" label="gender" sort="auto" />
         </listhead>
         <listgroup id="gp1" open="false">
             <listcell label="Group1"/>
             <listcell label="Group2"/>
         </listgroup>
         <listitem>
             <listcell label="a Mary" />
             <listcell label="a FEMALE" />
         </listitem>
         <listitem>
             <listcell label="b Mary" />
             <listcell label="b FEMALE" />
         </listitem>
         <listitem id="li1">
             <listcell label="c Mary1" />
             <listcell label="c FEMALE1" />
         </listitem>
         <listitem>
             <listcell label="d Mary" />
             <listcell label="d FEMALE" />
         </listitem>
         <listitem>
             <listcell label="e John" />
             <listcell label="e MALE" />
         </listitem>
         <listgroup id="g2" label="Grouping 2" />
         <listitem>
             <listcell label="Jane" />
             <listcell label="FEMALE" />
         </listitem>
         <listitem>
             <listcell label="Henry" />
             <listcell label="MALE" />
         </listitem>
 
     </listbox>
 </zk>


Supported events

Name
Event Type
None None

Supported Children

Listcell

Use cases

Version Description Example Location
5.0    

Version History

Version Date Content
5.0.1 4/27/2010 Initialization



Last Update : 2010/04/27

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