Groupfoot"

From Documentation
Line 1: Line 1:
 
{{ZKComponentReferencePageHeader}}
 
{{ZKComponentReferencePageHeader}}
  
= (Your Component Name) =
+
= Groupfoot =
  
 
*Demonstration:  
 
*Demonstration:  
*Java API: <javadoc>org.zkoss.zul.XXX</javadoc>
+
*Java API: <javadoc>org.zkoss.zul.Groupfoot</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.YYY.XXX</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.YYY.XXX</javadoc>
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Space is a Separator with the orient default to "horizontal".
+
Adds the ability for single level grouping to the Grid.
In other words, <space> is equivalent to <separator orient="horizontal">
+
Default getSclass(): the same as grid's sclass.
 
 
  
  
 
= Example =
 
= Example =
 +
[[Image:ZKComRef_Box_Example.png]]
  
 +
<source lang="xml" >
 +
<?xml version="1.0" encoding="UTF-8"?>
 +
<zk>
 +
    Grid support Groupfoot in Group
  
 
+
    <grid id="grid">
 +
        <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>
 +
</source>
  
  

Revision as of 10:58, 10 May 2010

Groupfoot

Employment/Purpose

Adds the ability for single level grouping to the Grid. Default getSclass(): the same as grid's sclass.


Example

ZKComRef Box Example.png

 <?xml version="1.0" encoding="UTF-8"?>
 <zk>
     Grid support Groupfoot in Group

     <grid id="grid">
         <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
None None

Supported Children

*ALL

Use cases

Version Description Example Location
5.0+    

Version History

Version Date Content
5.x.x x/x/20xx Initialization



Last Update : 2010/05/10

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