register.zul

<?page id="register" title="Form Register" contentType="text/html;charset=UTF-8"?>
<zk>
<window id="wndRegister" title="Form Register Karyawan" border="normal" width="500px" height="400px">
	<grid>
		<columns>
			<column width="30%"/>
			<column width="70%"/>
		</columns>
		<rows>
			<row>
				<label value="NAMA"/>
				<textbox id="nama" width="90%" focus="true" onOK="gender.focus()"/>

			</row>
			<row>
				<label value="GENDER"/>
				<listbox id="gender" mold="select" width="100px">
					<listitem label="PRIA"   value="P" selected="true"/>
					<listitem label="WANITA" value="W"/>
				</listbox>
			</row>
			<row>
				<label value="TEMPAT/TGL. LAHIR"/>
				<hbox>
					<textbox id="tempat" width="100px" onOK="tgllahir.focus()"/>
					<button label="?" width="30px" onClick="panggilKota()"/>
					<datebox id="tgllahir" width="100px" format="dd/MM/yyyy" onCreate="self.value = new Date()"/>
				</hbox>
			</row>
			<row>
				<label value="GAJI"/>
				<decimalbox id="gaji" format="##,###.##"/>
			</row>
			<row>
				<label value=""/>
				<button id="btn" label="SIMPAN" onClick="simpan1()"/>
			</row>
		</rows>
	</grid>
	<listbox id="lstData" width="100%" rows="3" mold="paging" pageSize="3" pagingPosition="top">
		<listhead>
			<listheader label="NAMA" sort="auto" 		width="30%"/>
			<listheader label="P/W" sort="auto" 		width="10%"/>
			<listheader label="TEMPAT" sort="auto" 		width="20%"/>
			<listheader label="TGL.LAHIR" sort="auto" 	width="20%"/>
			<listheader label="GAJI" sort="auto" 		width="20%"/>
		</listhead>

	</listbox>

    <zscript>
    	void panggilKota(){
			Window w = (Window)Executions.getCurrent().createComponents("kota.zul", null, null);
			w.doModal();
		}

    	void simpan1(){
    		Listitem li = new Listitem();
    		li.appendChild(new Listcell(nama.getValue()));
    		li.appendChild(new Listcell(gender.getSelectedItem().getValue()));
    		li.appendChild(new Listcell(tempat.getValue()));
    		li.appendChild(new Listcell(tgllahir.getText()));
    		li.appendChild(new Listcell(gaji.getText()));

    		lstData.appendChild(li);

    		nama.setValue("");
    		gender.setSelectedIndex(0);
    		tempat.setValue("");
    		tgllahir.setText("");
    		gaji.setText("");
    		nama.setFocus(true);
    	}

    	void simpan(){
    		Messagebox.show("Nama: " + nama.getValue() +
    		                "\nGender: " + gender.getSelectedItem().getValue() +
    		                "\nTempat: " + tempat.getValue() +
    		                "\nTgl. Lahir: " + tgllahir.getText() +
    		                "\nGaji: " + gaji.getValue() );

    		System.out.println("Gender: " + gender.getSelectedItem().getLabel());

    		Listitem li = new Listitem();
    		li.appendChild(new Listcell(nama.getValue()));
    		li.appendChild(new Listcell(gender.getSelectedItem().getValue()));
    		li.appendChild(new Listcell(tempat.getValue()));
    		li.appendChild(new Listcell(tgllahir.getText()));
    		li.appendChild(new Listcell(gaji.getText()));

    		lstData.appendChild(li);
    	}
    </zscript>
</window>
</zk>