Row"
From Documentation
Jimmyshiau (talk | contribs) (→Row) |
m ((via JWB)) |
||
(7 intermediate revisions by 3 users not shown) | |||
Line 3: | Line 3: | ||
= Row = | = Row = | ||
− | *Demonstration: [http://www.zkoss.org/zkdemo/grid/ Grid] | + | *Demonstration: [http://www.zkoss.org/zkdemo/grid/simple Grid (Simple Grid)] |
*Java API: <javadoc>org.zkoss.zul.Row</javadoc> | *Java API: <javadoc>org.zkoss.zul.Row</javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zul.grid.Row</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zul.grid.Row</javadoc> | ||
− | *Style Guide: [ | + | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Row| Row]] |
= Employment/Purpose = | = Employment/Purpose = | ||
Line 17: | Line 17: | ||
= Example = | = Example = | ||
− | [[Image: | + | [[Image:ZKComRef_Grid_Example.png]] |
<source lang="xml" > | <source lang="xml" > | ||
Line 39: | Line 39: | ||
<columns sizable="true"> | <columns sizable="true"> | ||
<column label="Type" sortAscending="${asc}" | <column label="Type" sortAscending="${asc}" | ||
− | sortDescending="${dsc}" /> | + | sortDescending="${dsc}" width="50px"/> |
<column label="Content" /> | <column label="Content" /> | ||
</columns> | </columns> | ||
Line 66: | Line 66: | ||
</source> | </source> | ||
− | =Supported | + | =Supported Events= |
− | {| | + | {| class='wikitable' | width="100%" |
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
Line 75: | Line 75: | ||
| None | | None | ||
|} | |} | ||
+ | |||
+ | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
=Supported Children= | =Supported Children= | ||
Line 80: | Line 82: | ||
*ALL | *ALL | ||
− | =Use | + | =Use Cases= |
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
Line 91: | Line 93: | ||
=Version History= | =Version History= | ||
+ | {{LastUpdated}} | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- |
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 |
---|---|---|