Group"

From Documentation
m ((via JWB))
 
(15 intermediate revisions by 6 users not shown)
Line 2: Line 2:
  
 
= Group =
 
= Group =
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#g4 | Group]
+
*Demonstration: [http://www.zkoss.org/zkdemo/grid/grouping Group]
 
*Java API: <javadoc>org.zkoss.zul.Group</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Group</javadoc>
*JavaScript API: <javadoc directory="jsdoc">zul.grid.Group</javadoc>
+
*JavaScript API: <javadoc directory="jsdoc">zkex.grid.Group</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Group| Group]]
 +
*{{ZK PE and EE}}
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 21: Line 23:
 
     Grid support Groupfoot in Group
 
     Grid support Groupfoot in Group
 
   
 
   
     <grid id="grid">
+
     <grid id="grid" width="500px">
 
         <columns id="h" sizable="true">
 
         <columns id="h" sizable="true">
 
             <column id="col1" label="Type"/>
 
             <column id="col1" label="Type"/>
Line 63: Line 65:
 
</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>
 +
 
|-
 
|-
| None
+
| <center><code>onOpen</code></center>
| None
+
| '''Event:''' <javadoc>org.zkoss.zk.ui.event.OpenEvent</javadoc>
 +
Denotes user has opened or closed a component. Note:
 +
 
 +
unlike <code>onClose</code>, this event is only a notification. The client sends this event after opening or closing the component.
 +
 
 +
It is useful to implement load-on-demand by listening to the <code>onOpen</code> event, and creating components when the first time the component is opened.
 +
 
 
|}
 
|}
 +
 +
*Inherited Supported Events: [[ZK_Component_Reference/Data/Grid/Row#Supported_Events | Row]]
  
 
=Supported Children=
 
=Supported Children=
  
*ALL
+
*ALL
  
=Use cases=
+
=Use Cases=
  
[[ZK_Component_Reference/Data/Grid#Use_cases | Grid]]
+
[[ZK_Component_Reference/Data/Grid#Use_Cases | Grid]]
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.1
+
| &nbsp;
| 04/30/2010
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 10:38, 12 January 2022

Group

Employment/Purpose

Adds the ability for single level grouping to the Grid.

Default getSclass(): the same as grid's sclass.


Example

ZKComRef Group Example.png

<?xml version="1.0" encoding="UTF-8"?>
 <zk>
     Grid support Groupfoot in Group
 
     <grid id="grid" width="500px">
         <columns id="h" sizable="true">
             <column id="col1" label="Type"/>
             <column id="col2" label="Content"/>
         </columns>
         <rows id="rows">
             <group id="gp1">
             <label value="Group1: (gp1)"/>
             <label value="Group1:"/>
             </group>
             <row>
                 <label value="File:"/>
                 <label value="File:"/>
             </row>
             <row id="row1">
                 <label value="Type:"/>
                 <hbox>
                     <listbox rows="1" mold="select">
                         <listitem label="Java Files,(*.java)"/>
                         <listitem label="All Files,(*.*)"/>
                     </listbox>
                     <button label="Browse..."/>
                 </hbox>
             </row>
             <groupfoot>
                 <label value="2 Java Files"/>
                 <label value="10 Files"/>
             </groupfoot>
             <group id="gp2" label="Group 2 (gp2)" onOpen='alert("Group is open: "+self.open);'/>
             <row>
                 <label value="Options:"/>
                 <label value="Options:"/>
             </row>
             <groupfoot>    
                 <label value="2 Options"/>
                 <label value="10 Options"/>
             </groupfoot>
         </rows>
     </grid>
 </zk>

Supported Events

Name
Event Type
onOpen
Event: OpenEvent

Denotes user has opened or closed a component. Note:

unlike onClose, this event is only a notification. The client sends this event after opening or closing the component.

It is useful to implement load-on-demand by listening to the onOpen event, and creating components when the first time the component is opened.

  • Inherited Supported Events: Row

Supported Children

*ALL

Use Cases

Grid

Version History

Last Update : 2022/01/12


Version Date Content
     



Last Update : 2022/01/12

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