z35-grid-0103.zul

ZK是一个Ajax Java Web框架

<?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.Add a group , 2. add a group footer. any step should work as well.
	<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
	Group gg;
	void addNewGroup(){
		Group group = new Group("Group1");
		gg = group;
		Row row1 = new Row();
		new Label("row1").setParent(row1);
		Row row2 = new Row();
		new Label("row2").setParent(row2);
		group.setOpen(false);
		myrows.getChildren().add(12,row2);
		myrows.getChildren().add(12,row1);
		myrows.getChildren().add(12,group);
	}
	void addFoot(){
		Groupfoot foot = new Groupfoot("footer");
try{
		myrows.getChildren().add(15,foot);
}catch(Exception x){
alert("Exception:"+x.getClass()+":"+x.getMessage());
}
	}
	]]>
	</zscript>
	<hbox>
		<button label="1.add group " onClick="addNewGroup()"/>
		<button label="2.add foot" onClick="addFoot()"/>
	</hbox>
	<grid fixedLayout="true">
        <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">
            <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>
             <label value="10 emails"/>
             <label value="zk1"/>
             <label value="2008/4/29"/>
             <label value="128KB"/>
          </groupfoot>
          <group label="Date:Yesterday" />
          <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>
            <label value="5 emails"/>
            <label value="zk1"/>
            <label value="2008/4/28"/>
            <label value="68KB"/>
          </groupfoot>
          <group label="Date:Sunday 1" />
           <groupfoot>
            <label value="5 emails"/>
            <label value="zk1"/>
            <label value="2008/4/28"/>
            <label value="68KB"/>
          </groupfoot>
          <group label="Date:Sunday 1" />
           <groupfoot>
            <label value="5 emails"/>
            <label value="zk1"/>
            <label value="2008/4/28"/>
            <label value="68KB"/>
          </groupfoot>
          <group label="Date:Sunday 2" />
        </rows>
      </grid>
	
</window>