Column"

From Documentation
Line 64: Line 64:
  
 
|-
 
|-
| <center><tt>onClick</tt></center>
+
| <center><tt>onSort</tt></center>
| <javadoc>org.zkoss.zk.ui.event.MouseEvent</javadoc>
+
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.Event</javadoc>
  
<tt>'''Description:''' </tt>Denotes user has clicked the component.  
+
<tt>'''Description:''' </tt>Denotes user has sorted the row of this column.  
  
 
|-
 
|-
| <center><tt>onRightClick</tt></center>
+
| <center><tt>onGroup</tt></center>
| <javadoc>org.zkoss.zk.ui.event.MouseEvent</javadoc>
+
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.Event</javadoc>
  
<tt>'''Description:''' </tt>Denotes user has right-clicked the component.
+
<tt>'''Description:''' </tt>Denotes user has grouped all the cells under a column.
  
|-
+
|}
| <center><tt>onDoubleClick</tt></center>
 
| <javadoc>org.zkoss.zk.ui.event.MouseEvent</javadoc>
 
 
 
<tt>'''Description:''' </tt>Denotes user has double-clicked the component.
 
  
|}
+
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/HeaderElement#Supported_Events | HeaderElement]]
  
 
=Supported Children=
 
=Supported Children=

Revision as of 10:02, 11 November 2010

Column

Employment/Purpose

A single column in a Columns element. Each child of the Column element is placed in each successive cell of the grid. The column with the most child elements determines the number of rows in each column. The use of column is mainly to define attributes for each cell in the grid.


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}"  width="50px"/>
			<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
onSort
Event: Event

Description: Denotes user has sorted the row of this column.

onGroup
Event: Event

Description: Denotes user has grouped all the cells under a column.

Supported Children

*ALL

Use Cases

Grid

Version History

Version Date Content
     



Last Update : 2010/11/11

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