Listitem"

From Documentation
m
(9 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
= Listitem =
 
= Listitem =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#g7 Listitem]
+
*Demonstration: [http://www.zkoss.org/zkdemo/listbox/keystroke_command Listbox (Keystroke Command) ]
 
*Java API: <javadoc>org.zkoss.zul.Listitem</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Listitem</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.sel.Listitem</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.sel.Listitem</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Listitem| Listitem]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 12: Line 13:
 
= Example =
 
= Example =
  
[[Image:ZKComRef_Listitem.PNG]]
+
[[Image:ZKComRef_Listbox_Example.png]]
 +
 
  
 
<source lang="xml" >
 
<source lang="xml" >
 
+
<window title="listbox demo" border="normal" width="250px">
<window title="listbox demo" border="normal">
+
<listbox id="box">
<listbox id="box" width="250px">
 
 
<listhead sizable="true">
 
<listhead sizable="true">
 
<listheader label="name" sort="auto" />
 
<listheader label="name" sort="auto" />
Line 50: Line 51:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 59: Line 60:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
=Supported molds=
+
=Supported Molds=
Available molds of a component are defined in lang.xml embedded in zul.jar.
+
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.
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
Line 67: Line 69:
 
|-
 
|-
 
| <center>default</center>
 
| <center>default</center>
|
+
|[[Image:listbox_mold_default.png ]]
 
|-
 
|-
 
| <center>select</center>
 
| <center>select</center>
|
+
|[[Image:listbox_mold_select.png ]]
 
|}
 
|}
  
Line 77: Line 79:
 
  *[[ZK_Component_Reference/Data/Listbox/Listcell | Listcell]]
 
  *[[ZK_Component_Reference/Data/Listbox/Listcell | Listcell]]
  
=Use cases=
+
=Use Cases=
  
See [[ZK_Component_Reference/Data/Listbox#Use_cases | Listbox]].
+
See [[ZK_Component_Reference/Data/Listbox#Use_Cases | Listbox]].
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"

Revision as of 08:36, 19 January 2011

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 : 2011/01/19


Version Date Content
     



Last Update : 2011/01/19

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