Listbox"

From Documentation
Line 13: Line 13:
  
 
= Example =
 
= Example =
 +
[[Image:ZKComRef_Listbox_Example.png]]
  
  
 +
<source lang="xml" >
 +
<window title="listbox demo" border="normal">
 +
        <listbox id="box" width="250px">
 +
            <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>
 +
</source>
  
 
+
Listbox has two molds: <tt>default</tt> and <tt>select</tt>. If the select mold is used, the HTML's SELECT tag is generated instead.
  
 
=Supported events=
 
=Supported events=

Revision as of 06:08, 11 May 2010

Listbox

Employment/Purpose

Components: listbox, listitem, listcell, listhead and listheader.

A list box is used to display a number of items in a list. The user may select an item from the list.

Example

ZKComRef Listbox Example.png


 <window title="listbox demo" border="normal">
         <listbox id="box" width="250px">
             <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>

Listbox has two molds: default and select. If the select mold is used, the HTML's SELECT tag is generated instead.

Supported events

Name
Event Type
None None

Supported Children

*ALL

Use cases

Version Description Example Location
5.0+    

Version History

Version Date Content
5.x.x x/x/20xx Initialization



Last Update : 2010/05/11

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