Rows"

From Documentation
m ((via JWB))
 
(12 intermediate revisions by 4 users not shown)
Line 3: Line 3:
 
= Rows =
 
= Rows =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#g1 Grid]
+
*Demonstration: [http://www.zkoss.org/zkdemo/grid/simple Grid (Simple Grid)]
 
*Java API: <javadoc>org.zkoss.zul.Rows</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Rows</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.grid.Rows</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.grid.Rows</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Row| Rows]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 13: Line 14:
 
= Example =
 
= Example =
  
[[Image:ZKComRef_Row_Example.PNG]]  
+
[[Image:ZKComRef_Grid_Example.png‎]]  
  
 
<source lang="xml" >
 
<source lang="xml" >
Line 35: Line 36:
 
<columns sizable="true">
 
<columns sizable="true">
 
<column label="Type" sortAscending="&#36;{asc}"
 
<column label="Type" sortAscending="&#36;{asc}"
sortDescending="&#36;{dsc}" />
+
sortDescending="&#36;{dsc}" width="50px"/>
 
<column label="Content" />
 
<column label="Content" />
 
</columns>
 
</columns>
Line 62: Line 63:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 71: Line 72:
 
| None
 
| None
 
|}
 
|}
 +
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
  
  * [[ZK_Component_Reference/Data/Grid/Row | Row]]
+
  *[[ZK_Component_Reference/Data/Grid/Row | Row]], [[ZK_Component_Reference/Data/Grid/Group | Group]], [[ZK_Component_Reference/Data/Grid/Groupfoot | Groupfoot]]
 
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 88: Line 90:
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.2
+
| &nbsp;
| 5/18/2010
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 11:04, 7 January 2022

Rows

Employment/Purpose

Defines the rows of a grid. Each child of a rows element should be a Row element.

Example

ZKComRef Grid Example.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
None None

Supported Children

* Row,  Group,  Groupfoot

Use Cases

Version Description Example Location
     

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.