Columns"

From Documentation
m (Created page with 'init')
 
Line 1: Line 1:
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Columns  =
 +
 
 +
*Demonstration:  N/A
 +
*Java API: <javadoc>org.zkoss.zul.Columns</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zul.grid.Columns</javadoc>
 +
 
 +
= Employment/Purpose =
 +
 
 +
Defines the columns of a grid.
 +
 
 +
Each child of a columns element should be a org.zkoss.zul.Column element.
 +
 
 +
 
 +
 
 +
= Example =
 +
 
 +
[[Image:grid.png]]
 +
 
 +
 
 +
<source lang="xml" >
 +
 
 +
<window title="Grid Demo" border="normal" width="360px">
 +
<zscript> class Comp implements Comparator { private boolean _asc;
 +
public Comp(boolean asc) { _asc = asc; } public int compare(Object o1,
 +
Object o2) { String s1 = o1.getChildren().get(0).getValue(), s2 =
 +
o2.getChildren().get(0).getValue(); int v = s1.compareTo(s2); return
 +
_asc ? v: -v; } } Comp asc = new Comp(true), dsc = new Comp(false);
 +
</zscript>
 +
<grid>
 +
<columns sizable="true">
 +
<column label="Type" sortAscending="&#36;{asc}"
 +
sortDescending="&#36;{dsc}" />
 +
<column label="Content" />
 +
</columns>
 +
<rows>
 +
<row>
 +
<label value="File:" />
 +
<textbox width="99%" />
 +
</row>
 +
<row>
 +
<label value="Type:" />
 +
<hbox>
 +
<listbox rows="1" mold="select">
 +
<listitem label="Java Files,(*.java)" />
 +
<listitem label="All Files,(*.*)" />
 +
</listbox>
 +
<button label="Browse..." />
 +
</hbox>
 +
</row>
 +
<row>
 +
<label value="Options:" />
 +
<textbox rows="3" width="99%" />
 +
</row>
 +
</rows>
 +
</grid>
 +
</window>
 +
</source>
 +
 
 +
 
 +
 
 +
 
 +
=Supported events=
 +
 
 +
{| border="1"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
 
 +
|-
 +
| <center><tt>onColSize</tt></center>
 +
| [#ColSizeEvent org.zkoss.zul.event.ColSizeEvent]
 +
 
 +
<tt>'''Description:''' </tt>Notifies the parent of a group of headers that the widths
 +
 
 +
of two of its children are changed by the user.
 +
 
 +
|}
 +
 
 +
=Supported Children=
 +
 
 +
[[ZK_Component_Reference/Data/Grid/Column | Column]]
 +
 
 +
=Use cases=
 +
 
 +
[[ZK_Component_Reference/Data/Grid#Use_cases | Grid]]
 +
 
 +
=Version History=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| 5.0.1
 +
| 5/5/2010
 +
| Initialization
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Revision as of 09:31, 5 May 2010

Columns

Employment/Purpose

Defines the columns of a grid.

Each child of a columns element should be a org.zkoss.zul.Column element.


Example

File:Grid.png


<window title="Grid Demo" border="normal" width="360px">
	<zscript> class Comp implements Comparator { private boolean _asc;
		public Comp(boolean asc) { _asc = asc; } public int compare(Object o1,
		Object o2) { String s1 = o1.getChildren().get(0).getValue(), s2 =
		o2.getChildren().get(0).getValue(); int v = s1.compareTo(s2); return
		_asc ? v: -v; } } Comp asc = new Comp(true), dsc = new Comp(false);
	</zscript>
	<grid>
		<columns sizable="true">
			<column label="Type" sortAscending="&#36;{asc}"
				sortDescending="&#36;{dsc}" />
			<column label="Content" />
		</columns>
		<rows>
			<row>
				<label value="File:" />
				<textbox width="99%" />
			</row>
			<row>
				<label value="Type:" />
				<hbox>
					<listbox rows="1" mold="select">
						<listitem label="Java Files,(*.java)" />
						<listitem label="All Files,(*.*)" />
					</listbox>
					<button label="Browse..." />
				</hbox>
			</row>
			<row>
				<label value="Options:" />
				<textbox rows="3" width="99%" />
			</row>
		</rows>
	</grid>
</window>



Supported events

Name
Event Type
onColSize
[#ColSizeEvent org.zkoss.zul.event.ColSizeEvent]

Description: Notifies the parent of a group of headers that the widths

of two of its children are changed by the user.

Supported Children

Column

Use cases

Grid

Version History

Version Date Content
5.0.1 5/5/2010 Initialization



Last Update : 2010/05/05

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