Row"
From Documentation
Tmillsclare (talk | contribs) m (Created page with 'init') |
m ((via JWB)) |
||
(12 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | + | {{ZKComponentReferencePageHeader}} | |
+ | |||
+ | = Row = | ||
+ | |||
+ | *Demonstration: [http://www.zkoss.org/zkdemo/grid/simple Grid (Simple Grid)] | ||
+ | *Java API: <javadoc>org.zkoss.zul.Row</javadoc> | ||
+ | *JavaScript API: <javadoc directory="jsdoc">zul.grid.Row</javadoc> | ||
+ | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Row| Row]] | ||
+ | |||
+ | = Employment/Purpose = | ||
+ | |||
+ | A single row in a Rows element. Each child of the Row element is placed in each successive cell of the grid. The row with the most child elements determines the number of columns in each row. | ||
+ | |||
+ | Default getSclass(): the same as grid's sclass. | ||
+ | |||
+ | |||
+ | = Example = | ||
+ | |||
+ | [[Image:ZKComRef_Grid_Example.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="${asc}" | ||
+ | sortDescending="${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> | ||
+ | </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 Children= | ||
+ | |||
+ | *ALL | ||
+ | |||
+ | =Use Cases= | ||
+ | |||
+ | {| class='wikitable' | width="100%" | ||
+ | ! Version !! Description !! Example Location | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |} | ||
+ | |||
+ | =Version History= | ||
+ | {{LastUpdated}} | ||
+ | |||
+ | {| class='wikitable' | width="100%" | ||
+ | ! Version !! Date !! Content | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |} | ||
+ | |||
+ | {{ZKComponentReferencePageFooter}} |
Latest revision as of 11:04, 7 January 2022
Row
- Demonstration: Grid (Simple Grid)
- Java API: Row
- JavaScript API: Row
- Style Guide: Row
Employment/Purpose
A single row in a Rows element. Each child of the Row element is placed in each successive cell of the grid. The row with the most child elements determines the number of columns in each row.
Default getSclass(): the same as grid's sclass.
Example
<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="${asc}"
sortDescending="${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
None | None |
- Inherited Supported Events: XulElement
Supported Children
*ALL
Use Cases
Version | Description | Example Location |
---|---|---|
Version History
Version | Date | Content |
---|---|---|