foreach.zul

ZK是一个Ajax Java Web框架

<window title="Group in Paging" border="normal">
	1.Test Group in Paging. When you open/close each group, the total size of the paging should be updated. (It means all of the visible item)
	<separator/>
	PageSize is 10.
	<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 addNewGroup(){
		Group group = new Group("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(5,row2);
		myrows.getChildren().add(5,row1);
		myrows.getChildren().add(5,group);
	}
	void removeNewGroup(){
		g1.detach();
	}
	]]>
	</zscript>
	<vbox>
		<button label="1.Add group at today" onClick="addNewGroup()"/>
		<button label="2.Remove firest group" onClick="removeNewGroup()"/>
		<button label="3.Update the last item of the 1st page (Reload and Open the first group, test cropper function)">
			<attribute name="onClick">
				lastItem.setVisible(!lastItem.isVisible());
			</attribute>
		</button>
		<button label="4.Update the first item of the 2nd page (Reload and Open the first group, test cropper function)">
			<attribute name="onClick">
				firstItem.setVisible(!firstItem.isVisible());
			</attribute>
		</button>
	</vbox>
	<grid id="g" fixedLayout="true" mold="paging" pageSize="10">
        <columns sizable="true" menupopup="auto">
          <column width="40px" label="From"/>
          <column label="Subject"/>
          <column width="150px" label="Received"/>
          <column width="50px" label="Size"/>
        </columns>
        <rows id="myrows">
          <group id="g1" open="false">
            <label value="Date:Today [From]"/>
            <label value="[Subject]"/>
            <label value="[Received]"/>
            <label value="[Size]"/>
          </group>
          <row forEach="${datas}" forEachBegin="0" forEachEnd="7">
            <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>
          <row><label id="lastItem" value="10"/></row>
          <row><label id="firstItem" value="11"/></row>
          <group label="Date:Yesterday" />
          <row forEach="${datas}" forEachBegin="11" 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>
          <group label="Date:Sunday 1" />
          <group label="Date:Sunday 1" />
          <group label="Date:Sunday 2" />
        </rows>
      </grid>
<button label="invalidate()" onClick='g.invalidate();'/>	
</window>