Column"
From Documentation
Zkwikiadmin (talk | contribs) m (Created page with 'init') |
Jimmyshiau (talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | {{ZKComponentReferencePageHeader}} | |
+ | |||
+ | = Column = | ||
+ | |||
+ | *Demonstration: N/A | ||
+ | *Java API: <javadoc>org.zkoss.zul.Column</javadoc> | ||
+ | *JavaScript API: <javadoc directory="jsdoc">zul.grid.Column</javadoc> | ||
+ | |||
+ | = 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 = | ||
+ | |||
+ | |||
+ | [[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="${asc}" | ||
+ | sortDescending="${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>onClick</tt></center> | ||
+ | | [#MouseEvent org.zkoss.zk.ui.event.MouseEvent] | ||
+ | |||
+ | |||
+ | <tt>'''Description:''' Denotes user has clicked the component. </tt> | ||
+ | |||
+ | |- | ||
+ | | <center><tt>onRightClick</tt></center> | ||
+ | | [#MouseEvent org.zkoss.zk.ui.event.MouseEvent] | ||
+ | |||
+ | |||
+ | <tt>'''Description:''' Denotes user has right-clicked the component.</tt> | ||
+ | |||
+ | |- | ||
+ | | <center><tt>onDoubleClick</tt></center> | ||
+ | | [#MouseEvent org.zkoss.zk.ui.event.MouseEvent] | ||
+ | |||
+ | |||
+ | <tt>'''Description:''' Denotes user has double-clicked the component.</tt> | ||
+ | |||
+ | |} | ||
+ | |||
+ | =Supported Children= | ||
+ | |||
+ | *ALL | ||
+ | |||
+ | =Use cases= | ||
+ | |||
+ | [[ZK_Component_Reference/Data/Grid#Use_cases | Grid]] | ||
+ | |||
+ | =Version History= | ||
+ | |||
+ | {| border='1px' | width="100%" | ||
+ | ! Version !! Date !! Content | ||
+ | |- | ||
+ | | 5.0.1 | ||
+ | | 5/4/2010 | ||
+ | | Initialization | ||
+ | |} | ||
+ | |||
+ | {{ZKComponentReferencePageFooter}} |
Revision as of 09:26, 5 May 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
<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}" />
<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
[#MouseEvent org.zkoss.zk.ui.event.MouseEvent]
| |
[#MouseEvent org.zkoss.zk.ui.event.MouseEvent]
| |
[#MouseEvent org.zkoss.zk.ui.event.MouseEvent]
|
Supported Children
*ALL
Use cases
Version History
Version | Date | Content |
---|---|---|
5.0.1 | 5/4/2010 | Initialization |