Listitem"

From Documentation
m (Created page with 'init')
 
m ((via JWB))
 
(22 intermediate revisions by 5 users not shown)
Line 1: Line 1:
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Listitem =
 +
 
 +
*Demonstration: [http://www.zkoss.org/zkdemo/listbox/keystroke_command Listbox (Keystroke Command) ]
 +
*Java API: <javadoc>org.zkoss.zul.Listitem</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zul.sel.Listitem</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Listitem| Listitem]]
 +
 
 +
= Employment/Purpose =
 +
A list item.
 +
 
 +
= Example =
 +
 
 +
[[Image:ZKComRef_Listbox_Example.png]]
 +
 
 +
 
 +
<source lang="xml" >
 +
<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>
 +
</source>
 +
 
 +
=Supported Events=
 +
 
 +
{| class='wikitable' | width="100%"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
|-
 +
| None
 +
| None
 +
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
 +
 
 +
=Supported Molds=
 +
Available molds of a component are defined in lang.xml embedded in zul.jar. The mold of listitem is decided by the mold of listbox.
 +
{| class='wikitable' | width="100%"
 +
! <center>Name</center>
 +
! <center>Snapshot</center>
 +
|-
 +
| <center>default</center>
 +
|[[Image:listbox_mold_default.png ]]
 +
|-
 +
| <center>select</center>
 +
|[[Image:listbox_mold_select.png ]]
 +
|}
 +
 
 +
=Supported Children=
 +
 
 +
*[[ZK_Component_Reference/Data/Listbox/Listcell | Listcell]]
 +
 
 +
=Use Cases=
 +
 
 +
See [[ZK_Component_Reference/Data/Listbox#Use_Cases | Listbox]].
 +
 
 +
=Version History=
 +
{{LastUpdated}}
 +
 
 +
{| class='wikitable' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| &nbsp;
 +
| &nbsp;
 +
| &nbsp;
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Latest revision as of 11:05, 7 January 2022

Listitem

Employment/Purpose

A list item.

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
None None

Supported Molds

Available molds of a component are defined in lang.xml embedded in zul.jar. The mold of listitem is decided by the mold of listbox.

Name
Snapshot
default
Listbox mold default.png
select
Listbox mold select.png

Supported Children

* Listcell

Use Cases

See Listbox.

Version History

Last Update : 2022/01/07


Version Date Content
     



Last Update : 2022/01/07

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