z35-group-0004.zul

ZK是一个Ajax Java Web框架

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


<window title="Grid with Group feature" border="normal">
	1.Test Other Components in Grid, each button click will add  corresponding component in row and row-detail.
	<zscript><![CDATA[//@DECLARATION
	                  
	                  
	void addRow(String name,HtmlBasedComponent dcomp,HtmlBasedComponent comp){
		Row row = new Row();
		Detail detail = new Detail();
		dcomp.setParent(detail);
		detail.setParent(row);
		new Label(name).setParent(row);
		comp.setParent(row);
		myrows.getChildren().add(1,row);
	}
	                  
	void addComp(String name){
		HashMap map = new HashMap();
		map.put(name,name);
		Component dcomp = Executions.getCurrent().createComponents("Z35-grid-0107-comp.zul",null,map);
		Component comp = Executions.getCurrent().createComponents("Z35-grid-0107-comp.zul",null,map);
		addRow(name,(HtmlBasedComponent)dcomp,(HtmlBasedComponent)comp);
	}
                
	]]></zscript>
	<div>
		<button label="add Listbox 1" onClick='addComp("listbox1")'/>
		<button label="add Listbox 2" onClick='addComp("listbox2")'/>
		<button label="add tabbox 1" onClick='addComp("tabbox1")'/>
		<button label="add groupbox 1" onClick='addComp("groupbox1")'/>
		<button label="add tree 1" onClick='addComp("tree1")'/>
		<button label="add panel 1" onClick='addComp("panel1")'/>
		<button label="invalidate" onClick="gd.invalidate()"/>
	</div>
	<grid fixedLayout="true" id="gd" mold="paging" pageSize="3">
        <columns sizable="true">
          <column width="35px" label="open"/>
          <column width="50px" label="Name"/>
          <column width="200px" label="UI"/>
        </columns>
        <rows id="myrows">
          <group open="false">
          	<label value=""/>
            <label value="Name"/>
            <label value="UI"/>
          </group>
          
          <groupfoot>
          	 <label value=""/>
             <label value="foot1"/>
             <label value="foot2"/>
          </groupfoot>
        </rows>
      </grid>
	
</window>