<?page title="Customer" contentType="text/html;charset=UTF-8"?>
<zk>
	<window title="Customer" border="normal"
		apply="org.zkoss.bind.BindComposer"
		viewModel="@id('vm') @init('vmd.MstCustomerVmd')">
		<hlayout>
			<button label="add" onClick="@ccommand('add')"></button>
			<button label="edit" onClick="@command('delete')"></button>
			<button label="hapus" onClick="@command('hapus')"></button>
		</hlayout>

<!--  		<div style="text-align:right">
			<label value="cari"></label>
			<textbox value="@bind(vm.cari)" onOK="@command('cari')"></textbox>
		</div> -->
		<space/>
			<listbox model="@load(vm.customerDtos)"
				selectedItem="@bind(vm.mstCustomerDTO)" mold="paging"
				pagingPosition="bottom" pageSize="3">
				<listhead>
					<listheader label="Kode Customer" sort="auto"></listheader>
					<listheader label="Nama Customer" sort="auto"></listheader>
					<listheader label="Alamat Customer" sort="auto"></listheader>
					<listheader label="Jenis Kelamin" sort="auto"></listheader>
					<listheader label="Email Customer" sort="auto"></listheader>
					<listheader label="Kota" sort="auto"></listheader>
				</listhead>
				<template name="model">
					<listitem>
						<listcell label="@load(each.kodeCustomer)"></listcell>
						<listcell label="@load(each.namaCustomer)"></listcell>
						<listcell label="@load(each.alamatCustomer)"></listcell>
						<listcell label="@load(each.jenisKelamin)"></listcell>
						<listcell label="@load(each.emailCustomer)"></listcell>
						<listcell label="@load(each.namaKota)"></listcell>
					</listitem>
				</template>
			</listbox>
	</window>
</zk>