<?xml version="1.0" encoding="UTF-8"?>

<!--
Z31-grid-0001.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Tue May  6 09:29:59 TST 2008, Created by DennisChen
}}IS_NOTE

Copyright (C) 2008 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="Grid with Group feature" border="normal">
	1.Dynamically update/remove grid group and foot.
	<zscript>
		<![CDATA[
		String[][] datas = new String[][]{
			// Today
			new String[]{"1","[zk1 - Help] RE: ZK problem in dynamic menu","2008/4/29 15:47:27","12KB"},
			new String[]{"2","[zk1 - Help] RE: FileUpload","2008/4/29 15:37:57","14KB"},
			new String[]{"3","[zk1 - Help] RE: Datebox format","2008/4/29 15:27:31","11KB"},
			new String[]{"4","[zk1 - Help] RE: Datebox format","2008/4/29 14:17:22","12KB"},
			new String[]{"5","[zk1 - Help] FileUpload","2008/4/29 14:07:25","11KB"},
			new String[]{"6","[zk1 - General] RE: Opening more than one new	browser window","2008/4/29 13:44:17","12KB"},
			new String[]{"7","[zk1 - Help] RE: SelectedItemConverter Question","2008/4/29 13:31:12","14KB"},
			new String[]{"8","[zk1 - Help] RE: Times_Series Chart help","2008/4/29 13:26:37","14KB"},
			new String[]{"9","[zk1 - Help] RE: Times_Series Chart help","2008/4/29 10:41:33","14KB"},	
			new String[]{"10","[zk1 - Help] RE: SelectedItemConverter Question","2008/4/29 10:14:27","14KB"},
			// Yesterday
			new String[]{"11","[zk1 - General] RE: Opening more than one new	browser window","2008/4/28 13:44:17","12KB"},
			new String[]{"12","[zk1 - Help] RE: SelectedItemConverter Question","2008/4/28 13:31:12","14KB"},
			new String[]{"13","[zk1 - Help] RE: Times_Series Chart help","2008/4/28 13:26:37","14KB"},
			new String[]{"14","[zk1 - Help] RE: Times_Series Chart help","2008/4/28 10:41:33","14KB"},	
			new String[]{"15","[zk1 - Help] RE: SelectedItemConverter Question","2008/4/28 10:14:27","14KB"},
			
		};
	]]>
	<![CDATA[//@DECLARATION

	void updateGroup(Group g1){
		g1.getChildren().clear();
		new Image("//img/inet.png").setParent(g1);
		new Label("group 1").setParent(g1);
		Menubar mb = new Menubar();
		mb.setParent(g1);
		new Menuitem("File").setParent(mb);
		new Menuitem("Help").setParent(mb);
		g1.setSpans("1,1,2");
		
	}
	
	void updateFoot(Groupfoot f1){
		f1.getChildren().clear();
		new Image("//img/inet.png").setParent(f1);
		new Label("group 1").setParent(f1);
		Menubar mb = new Menubar();
		mb.setParent(f1);
		new Menuitem("File").setParent(mb);
		new Menuitem("Help").setParent(mb);
		f1.setSpans("1,1,2");
	}

	void removeGroup(Group g1){
		g1.detach();
	}

	void removeFoot(Groupfoot f1){
		f1.detach();
	}
	
	]]>
	</zscript>
	<div>
		<button label="1.updateGroup 1" onClick="updateGroup(g1)"/>
		<button label="2.updateFoot 1" onClick="updateFoot(f1)"/>
		<button label="3.updateGroup 2" onClick="updateGroup(g2)"/>
		<button label="4.updateFoot 2" onClick="updateFoot(f2)"/>
		<button label="5.removeGroup 1" onClick="removeGroup(g1)"/>
		<button label="6.removeFoot 1" onClick="removeFoot(f1)"/>
		<button label="invalidate" onClick="gd.invalidate()"/>
	</div>
	<grid fixedLayout="true" id="gd">
        <columns sizable="true">
          <column width="200px" label="From"/>
          <column label="Subject"/>
          <column width="150px" label="Received"/>
          <column width="50px" label="Size"/>
        </columns>
        <rows id="myrows">
          <group open="false" id="g1">
            <label value="Date:Today [From]"/>
            <label value="[Subject]"/>
            <label value="[Received]"/>
            <label value="[Size]"/>
          </group>
          <row forEach="${datas}" forEachBegin="0" forEachEnd="9">
            <div><image style="padding: 0px 10px" src="/img/mail_read.png"/><label value="${each[0]}"/></div>
            <label value="${each[1]}"/>
            <label value="${each[2]}"/>
            <label value="${each[3]}"/>
          </row>
          <groupfoot id="f1">
             <label value="10 emails"/>
             <label value="zk1"/>
             <label value="2008/4/29"/>
             <label value="128KB"/>
          </groupfoot>
          <group label="Date:Yesterday" id="g2"/>
          <row forEach="${datas}" forEachBegin="10" forEachEnd="14">
            <div><image style="padding: 0px 10px" src="/img/mail_read.png"/><label value="${each[0]}"/></div>
            <label value="${each[1]}"/>
            <label value="${each[2]}"/>
            <label value="${each[3]}"/>
          </row>
          <groupfoot id="f2">
            <label value="5 emails"/>
            <label value="zk1"/>
            <label value="2008/4/28"/>
            <label value="68KB"/>
          </groupfoot>
          <group label="Date:Sunday 1" id="g3"/>
           <groupfoot id="f3">
            <label value="5 emails"/>
            <label value="zk1"/>
            <label value="2008/4/28"/>
            <label value="68KB"/>
          </groupfoot>
          <group label="Date:Sunday 1" id="g4"/>
           <groupfoot id="f4">
            <label value="5 emails"/>
            <label value="zk1"/>
            <label value="2008/4/28"/>
            <label value="68KB"/>
          </groupfoot>
          <group label="Date:Sunday 2" id="g5"/>
        </rows>
      </grid>
	
</window>