Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkA test case for constraint
1guest80.82.2.1682lhe743Jul 6, 2016 9:01:03 AMlinkresources
index.zulzul<?link rel="stylesheet" type="text/css" href="main.css" ?>
<zk xmlns:w="http://www.zkoss.org/2005/zk/client">
<window title="Carian Kes Siasatan Oleh Pengarah / JPJ Officer"
border="none" apply="gov.jpj.enf.controller.CaseSearchComposer"
xmlns:h="http://www.zkoss.org/2005/zk/native">
<zscript>
<![CDATA[
void onClickInfoRadio(Radio radio) {
if (radio.getId().equals("rb1")) {
rb1.setVisible(true);
rb2.setVisible(false);
}
if (radio.getId().equals("rb2")) {
rb1.setVisible(false);
rb2.setVisible(true);
}
if (radio.getId().equals("driverRadioId")) {
drivercaseGroupBoxId.setVisible(true);
ownercaseGroupBoxId.setVisible(false);
}
if (radio.getId().equals("ownerRadioId")) {
drivercaseGroupBoxId.setVisible(false);
ownercaseGroupBoxId.setVisible(true);
}
if (radio.getId().equals("driver2RadioId")) {
driverGroupBox.setVisible(true);
ownerGroupBox.setVisible(false);
vehicleGroupBox.setVisible(false);
}
if (radio.getId().equals("owner2RadioId")) {
driverGroupBox.setVisible(false);
ownerGroupBox.setVisible(true);
vehicleGroupBox.setVisible(false);
}
if (radio.getId().equals("vehicleRadioId")) {
driverGroupBox.setVisible(false);
ownerGroupBox.setVisible(false);
vehicleGroupBox.setVisible(true);
}
if (radio.getId().equals("dnaaRadioId")) {
dnaaGroupBox.setVisible(true);
suspendGroupBox.setVisible(false);
blacklistGroupBox.setVisible(false);
}
if (radio.getId().equals("suspendRadioId")) {
dnaaGroupBox.setVisible(false);
suspendGroupBox.setVisible(true);
blacklistGroupBox.setVisible(false);
}
if (radio.getId().equals("blacklistRadioId")) {
dnaaGroupBox.setVisible(false);
suspendGroupBox.setVisible(false);
blacklistGroupBox.setVisible(true);
}
}
]]>
</zscript>
<div id="infoMessageId" />
<separator bar="false" />
<label value="Arahan:" />
<!-- Start Search Info -->
<groupbox mold="3d" id="mainSearchGroupBoxId">
<caption label="${c:l('cmn.btn.sea')}" />
<separator />
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="${c:l('cmn.btn.sea')}" />
</h:td>
<h:td>
:
<combobox id="chooseComboBoxId"
forward="onChange=onChooseComboBox" value="${c:l('cmn.btn.sea')}">
<comboitem label="No. ID" />
<comboitem label="No. Kenderaan" />
<comboitem label="No. Kes" />
<comboitem label="No. Saman / Notis" />
<comboitem label="No. Cawangan" />
<comboitem label="No. Saman / Notis" />
<comboitem label="No. Cawangan" />
</combobox>
</h:td>
<h:td>
<label value="Jenis Carian" />
</h:td>
<h:td>
:
<radio id="rb1" label="Sepadan" disabled="true" />
<space />
<radio id="rb2"
label="Satu atau Lebih Dari Perkataan Berikut" disabled="true" />
</h:td>
</h:tr>
</h:table>
<separator bar="true" />
<div id="searchFieldDivId">
<h:table class="main-form" border="0">
<separator />
<h:tr>
<h:td width="22%"></h:td>
<h:td>
<textbox id="searchTxtBoxId" />
</h:td>
<h:td>
<textbox id="searchTxtBoxId1" />
</h:td>
<h:td class="">
<combobox id="searchCatComboBoxId"
forward="onChange=onCheckClick" value="">
<comboitem label="Wargenegara Malaysia" />
<comboitem label="Penduduk Tetap" />
<comboitem
label="Resit Pengenalan Tetap" />
<comboitem label="Lain-Lain" />
</combobox>
<button label="${c:l('idm.cap.sea')}" forward="onSearch" />
</h:td>
</h:tr>
</h:table>
</div>
</groupbox>
<groupbox mold="3d" id="failCasegroupBoxId">
<label value="Pesalah" />
<radiogroup>
<radio label="Pemandu" selected="true"
id="driverRadioId" onClick="onClickInfoRadio(self)" />
<radio label="Pemilik" id="ownerRadioId"
onClick="onClickInfoRadio(self)" />
</radiogroup>
<caption label="Maklumat Fail Kes" />
<groupbox mold="3d" id="drivercaseGroupBoxId">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="No Fail Kes" />
:
</h:td>
<h:td class="">
<label value="testing"
id="driverfailCaseLabelId" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Nama Pesalah" />
:
</h:td>
<h:td class="">
<label value="" id="driveraccPersonLabelId" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="No Id" />
:
</h:td>
<h:td class="">
<label value="" id="driveridNoLabelId" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Jumlah MATA KEJARA" />
:
</h:td>
<h:td class="">
<label value="" id="driverkejaraLabelId" />
</h:td>
</h:tr>
</h:table>
</groupbox>
<groupbox mold="3d" id="ownercaseGroupBoxId"
visible="false">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="No Fail Kes" />
:
</h:td>
<h:td class="">
<label value="" id="ownerfailCaseLabelId" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Nama Pesalah" />
:
</h:td>
<h:td class="">
<label value="" id="ownerOffendNameLabelId" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="No Id" />
:
</h:td>
<h:td class="">
<label value="" id="ownerNoIdLabelId" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Jumlah MATA KEJARA" />
:
</h:td>
<h:td class="">
<label value="" id="ownerKejaraLabelId" />
</h:td>
</h:tr>
</h:table>
</groupbox>
</groupbox>
<groupbox mold="3d" id="expandGroupBoxId">
<caption label="Hasil Carian" />
<listbox id="caseSearchResultBoxId" forward="" mold="paging"
pageSize="20" multiple="true">
<listhead sizable="true">
<listheader label="No Kes" />
<listheader label="No Pendaftaran" />
<listheader label="Tarikh/Masa Kesalahan" />
<listheader label="Jumlah Saman/Notis" />
</listhead>
<listitem value="">
<listcell label="" />
<listcell label="" />
<listcell label="" />
<listcell label="" />
</listitem>
</listbox>
<groupbox>
<listbox id="detailCaseListBoxId" forward=""
mold="paging" pageSize="20" multiple="true">
<listhead sizable="true">
<listheader label="No Saman/Notis" />
<listheader label="${c:l('enf.lbl.lic.typ')}" />
<listheader label="Kelas" />
<listheader label="Mata KEJARA" />
<listheader label="Tindakan" />
</listhead>
<listitem value="">
<listcell label="" />
<listcell label="" />
<listcell label="" />
<listcell label="" />
<listcell>
<a id="viewId" label="${c:l('cmn.btn.rea')}" forward="onClickView">
<custom-attributes objattached="" />
</a>
<a id="editId" label="${c:l('cmn.btn.edt')}"
forward="onClickEdit">
<custom-attributes objattached="" />
</a>
</listcell>
</listitem>
</listbox>
</groupbox>
</groupbox>
<!-- End Search Info -->
<tabbox id="enfMainTab">
<tabs>
<tab label="Maklumat Pemandu/Pemilik/Kenderaan" id="personInfoTabId" />
<tab label="Maklumat Kesalahan" id="offendTabId" />
<tab label="Maklumat Siasatan" id="invistigateTabId" />
<tab label="Maklumat Mahkamah" id="courtTabId" />
<tab label="Maklumat Hukuman " id="punishmentTabId" />
<tab label="${c:l('cmn.lbl.att')}" id="attachmentTabId" />
<tab label="Ulasan" id="commentTabId" />
</tabs>
<tabpanels>
<tabpanel>
<radiogroup>
<radio label="Pemandu" selected="true"
id="driver2RadioId" onClick="onClickInfoRadio(self)" />
<radio label="Pemilik" id="owner2RadioId"
onClick="onClickInfoRadio(self)" />
<radio label="Kenderaan" id="vehicleRadioId"
onClick="onClickInfoRadio(self)" />
</radiogroup>
<!-- Maklumat Pemandu Kenderaan-->
<groupbox mold="3d" id="driverGroupBox">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="No ID" />
</h:td>
<h:td>
:
<label id="driverNoIdLabelId" value="880516074534" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="${c:l('cmn.lbl.name')}" />
</h:td>
<h:td>
:
<label id="driverNameLabelId" value="Mohd Fahmi Tajudin" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="${c:l('cmn.lbl.addr')}" />
</h:td>
<h:td>
:
<label id="driverAddrLabelId"
value="NO.4,JLN PINGGIRAN PUTRA," />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="" />
</h:td>
<h:td>
:
<label id="driverAddr2LabelId"
value="2/2 DESA PINGGIRAN PUTRA," />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="" />
</h:td>
<h:td>
:
<label id="driverAddr3LabelId" value="43000 KAJANG," />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="" />
</h:td>
<h:td>
:
<label id="driverStateLabelId" value="SELANGOR DARUL EHSAN" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Jantina" />
</h:td>
<h:td>
:
<label id="driverGenderLabelId" value="L" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Tarikh Lahir" />
</h:td>
<h:td>
:
<label id="driverDobLabelId"value="31/12/1999" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Status Pesalah" />
</h:td>
<h:td>
:
<label id="driverStatusLabelId" value="AKTIF" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Pesalah Tegar" />
</h:td>
<h:td>
:
<label id="driverOffenderLabelId" value="Ya / Tidak" />
</h:td>
</h:tr>
</h:table>
</groupbox>
<groupbox mold="3d" id="ownerGroupBox" visible="false">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="No ID" />
</h:td>
<h:td>
:
<label id="ownerIdLabelId" value="880516074534" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Nama" />
</h:td>
<h:td>
:
<label id="ownerNameLabelId"
value="Nurul Nasuha Binti Ahmad" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Alamat" />
</h:td>
<h:td>
:
<label id="ownerAddrLabelId"
value="NO.4,JLN PINGGIRAN PUTRA," />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="" />
</h:td>
<h:td>
:
<label id="ownerAddr2LabelId"
value="2/2 DESA PINGGIRAN PUTRA," />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="" />
</h:td>
<h:td>
:
<label id="ownerAddr3LabelId" value="43000 KAJANG," />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="" />
</h:td>
<h:td>
:
<label id="ownerStateLabelIdValue" value="SELANGOR DARUL EHSAN" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Testing" />
</h:td>
<h:td>
:
<label id ="ownerGenderLabelId" value="L" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Tarikh Lahir" />
</h:td>
<h:td>
:
<label id="ownerDobLabelId" value="31/12/1999" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Status Pesalah" />
</h:td>
<h:td>
:
<label id="ownerStatusId" value="AKTIF" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Pesalah Tegar" />
</h:td>
<h:td>
:
<label id="owneroffendLabelId" value="Ya / Tidak" />
</h:td>
</h:tr>
</h:table>
</groupbox>
<groupbox mold="3d" id="vehicleGroupBox" visible="false">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label
value="No. Pendaftaran Saman/Notis" />
</h:td>
<h:td>
:
<label id="vehicleRegNoLabelId" value="WAA1234" />
</h:td>
<h:td class="label">
<label
value="No. Pendaftaran Terkini" />
</h:td>
<h:td>
:
<label id="vehicleNewRegNoLabelNo" value="WAA1234" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="No Enjin" />
</h:td>
<h:td>
:
<label id="vehicleEngineNoLabelId"value="B20B-7017598" />
</h:td>
<h:td class="label">
<label
value="No. Rujukan Kenderaan" />
</h:td>
<h:td>
:
<label id="ownerRefLabelId"value="WUD4330" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="No. Casis" />
</h:td>
<h:td>
:
<label id="vehicleCasisNoLabelId" value="RD1-5017447" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Warna" />
</h:td>
<h:td>
:
<label id="vehicleColorLabelId" value="HTM" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Tahun Dibuat" />
</h:td>
<h:td>
:
<label id="vehicleYearBuildLabelId" value="1996" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Tarikh Daftar" />
</h:td>
<h:td>
:
<label id="vehicleRegDate"value="27/12/1990" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Kuasa Enjin" />
</h:td>
<h:td>
:
<label id="vehicleEngPowerLabelId"value="1.6" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="M/Duduk" />
</h:td>
<h:td>
:
<labelid="vehicleSitLabelId" value="5" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Model" />
</h:td>
<h:td>
:
<label id="vehicleModelLabelId" value="CRV E-RD1" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Jenis Badan" />
</h:td>
<h:td>
:
<label id="vehicleBodyTypeLabelId"value="JIP" />
</h:td>
</h:tr>
</h:table>
</groupbox>
<h:div class="button-bar">
<button id="printButtonId" label="Cetak" />
<button id="backButtonId" label="Kembali" />
</h:div>
<!-- end search details -->
</tabpanel>
<tabpanel>
<!-- Maklumat Kesalahan-->
<groupbox mold="3d">
<listbox id="caseFileListBoxId" forward=""
mold="paging" pageSize="20" multiple="true">
<listhead sizable="true">
<listheader label="No" />
<listheader label="Kod Kesalahan" />
<listheader label="Kesalahan" />
<listheader label="Seksyen" />
<listheader label="KEJARA" />
<listheader label="Jumlah(RM)" />
</listhead>
<listitem value="">
<listcell label="1" />
<listcell label="KEN123" />
<listcell
label="TIDAK JAGA SILENCER/EKZOS" />
<listcell label="K103 MV(C/U)" />
<listcell label="0" />
<listcell label="200" />
</listitem>
</listbox>
</groupbox>
<h:table>
<h:div class="button-bar">
<button id="addOffendButtonId"
label="Simpan" />
<button id="resetOffendButtonId"
label="Set Semula" />
<button id="printOffendButtonId"
label="Cetak" />
<button id="sendOffendButtonId"
label="Hantar" />
</h:div>
</h:table>
</tabpanel>
<tabpanel>
<!-- Maklumat Siasatan-->
<groupbox mold="3d">
<caption label="Maklumat Siasatan" />
<listbox id="jpjInviListBoxId" forward=""
mold="paging" pageSize="20" multiple="true">
<listhead sizable="true">
<listheader label="No" />
<listheader label="Tarikh" />
<listheader label="Kronologi Siasatan" />
</listhead>
<listitem value="">
<listcell label="1" />
<listcell label="05/05/2011" />
<listcell
label="Kes diserah kepada Pegawai Penyiasat Mohd Ali" />
</listitem>
</listbox>
</groupbox>
<h:table>
<h:div class="button-bar">
<button id="addInvistigationButtonId"
label="Simpan" />
<button id="resetInvistigationButtonId"
label="Set Semula" />
<button id="printInvistigationButtonId"
label="Cetak" />
<button id="sendInvistigationButtonId"
label="Hantar" />
</h:div>
</h:table>
</tabpanel>
<tabpanel>
<!-- Maklumat Mahkamah-->
<groupbox mold="3d" id="courtGroupBoxId">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="Nama Mahkamah" />
</h:td>
<h:td>
:
<label id="courtNameLabelId"
value="40511-MAHKAMAH MAJISTRET SHAH ALAM" />
</h:td>
<h:td class="label">
<label value="Tarikh Bicara" />
</h:td>
<h:td>
:
<label id="courtDateLabelId" value="20/04/2011" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Masa Bicara" />
</h:td>
<h:td>
:
<label id="courtTimeLabelId" value="10:00 PG" />
</h:td>
<h:td class="label">
<label value="No. Rujukan Mahkamah" />
</h:td>
<h:td>
:
<label id="courtRefLabelId"value="JKL/2011/00001" />
</h:td>
</h:tr>
</h:table>
</groupbox>
<h:table>
<h:div class="button-bar">
<button id="addCourtButtonId"
label="Simpan" />
<button id="resetCourtButtonId"
label="Set Semula" />
<button id="printCourtButtonId"
label="Cetak" />
<button id="sendCourtButtonId"
label="Hantar" />
</h:div>
</h:table>
</tabpanel>
<tabpanel>
<!-- Maklumat Hukuman -->
<groupbox mold="3d" id="punishmentBoxId">
<radiogroup>
<radio label="DNAA" selected="true"
id="dnaaRadioId" onClick="onClickInfoRadio(self)" />
<radio label="Gantung/Batal Lesen"
id="suspendRadioId" onClick="onClickInfoRadio(self)" />
<radio label="Senarai Hitam"
id="blacklistRadioId" onClick="onClickInfoRadio(self)" />
</radiogroup>
<groupbox mold="3d" id="dnaaGroupBox"
visible="true">
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="Status" />
</h:td>
<h:td>
:
<combobox id="dnaaComboBoxId" forward="onClickDnaaComboBoxId"
value="Sila Buat Pilihan">
<comboitem
label="DNAA(Discharge without Amounting to Acquittal)" />
<comboitem
label="Saman Semula" />
</combobox>
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Sebab Tindakan" />
</h:td>
<h:td>
:
<textbox id="commentDnaaTextbox"
multiline="true" value="Pesalah tidak hadir ke mahkamah" />
</h:td>
</h:tr>
</h:table>
<h:table>
<h:div class="button-bar">
<button id="addDnaaButtonId" forward="onClickSave"
label="Simpan" />
<button id="resetDnaaListButtonId" forward="onClickReset"
label="Set Semula" />
</h:div>
</h:table>
</groupbox>
<groupbox mold="3d" id="suspendGroupBox"
visible="false">
<listbox id="suspendFileListBoxId"
forward="" mold="paging" pageSize="20" multiple="true">
<listhead sizable="true">
<listheader label="No" />
<listheader label="Gantung/Batal" />
<listheader label="Lesen" />
<listheader label="Kelas" />
<listheader label="Tarikh Mula" />
<listheader label="Tarikh Akhir" />
</listhead>
<listitem value="">
<listcell label="1" />
<listcell>
<a id="suspendId" label="1"
forward="onSuspend">
<custom-attributes
objattached="" />
</a>
</listcell>
<listcell label="CDL" />
<listcell label="D" />
<listcell label="12/01/2009" />
<listcell label="12/04/2009" />
</listitem>
</listbox>
</groupbox>
<groupbox mold="3d" id="ownerInfoGroupBox">
<caption label="Maklumat Pemilik" />
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="Permohonan" />
</h:td>
<h:td>
:
<combobox id="ownerApplicationComboBixId" forward=""
value="Sila Buat Pilihan">
<comboitem label="GANTUNG" />
</combobox>
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Lesen" />
</h:td>
<h:td>
:
<combobox id="ownerLicenseComboBoxId" forward=""
value="Sila Buat Pilihan">
<comboitem label="CDL" />
</combobox>
</h:td>
<h:td class="label">
<label value="Kelas" />
</h:td>
<h:td>
:
<combobox id="ownerLicenseClassComboBoxId" forward=""
value="Sila Buat Pilihan">
<comboitem label="D" />
</combobox>
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Tarikh Mula" />
</h:td>
<h:td>
:
<datebox id="startDateBox"
cols="20" format="yyyy/MM/dd a hh:mm:ss" onCreate=""
mold="rounded" />
</h:td>
<h:td class="label">
<label value="Tarikh Akhir" />
</h:td>
<h:td>
:
<datebox id="finalDateBox"
cols="20" format="yyyy/MM/dd a hh:mm:ss" onCreate=""
mold="rounded" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Tempoh" />
</h:td>
<h:td>
:
<textbox id="ownerDurationLabelId" value="" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Bil Gantung" />
</h:td>
<h:td>
:
<label id="ownerSuspendLabelId" value="2" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Sebab" />
</h:td>
<h:td>
:
<textbox id="ownerReasonLabelId"
value="Lesen digantung dan amaran" width="300px" />
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label
value="Maklumat dari NTS" />
</h:td>
<h:td>
:
<textbox id="ownerNtsInfoTextBoxId" rows="3"
width="250px">
<attribute name="value"></attribute>
</textbox>
</h:td>
</h:tr>
</h:table>
</groupbox>
<groupbox mold="3d" id="ownerDocGroupBoxId">
<caption label="Dokumen" />
<h:table class="main-form">
</h:table>
<listbox id="suspendDocListBoxId" forward=""
checkmark="" mold="paging" pageSize="20" multiple="true">
<listhead sizable="true">
<listheader label="No" />
<listheader label="Dokumen" />
<listheader label="Tindakan" />
</listhead>
<listitem value="">
<listcell label="1" />
<listcell
label="Notis Tunjuk Sebab" />
<listcell>
<a id="viewDocId" label="Papar"
forward="onDocNo">
<custom-attributes
objattached="" />
</a>
<a id="editDocId"
label="Kemaskini" forward="onDocNo">
<custom-attributes
objattached="" />
</a>
<a id="deleteDocId"
label="Hapus" forward="onDocNo">
<custom-attributes
objattached="" />
</a>
</listcell>
</listitem>
</listbox>
</groupbox>
<groupbox mold="3d" id="approvalGroupBoxId">
<caption label="Kelulusan" />
<h:table class="main-form">
<h:tr>
<h:td class="label">
<label value="Keputusan" />
</h:td>
<h:td>
:
<combobox id="approvalComboBoxId" forward=""
value="Sila Buat Pilihan">
<comboitem
label="SETUJU" />
<comboitem
label="TIDAK SETUJU" />
</combobox>
</h:td>
</h:tr>
<h:tr>
<h:td class="label">
<label value="Ulasan" />
</h:td>
<h:td>
:
<textbox id="commentTextBoxId" rows="3"
width="250px">
<attribute name="value"></attribute>
</textbox>
</h:td>
</h:tr>
</h:table>
</groupbox>
<groupbox mold="3d" id="blacklistGroupBox"
visible="false">
<h:table class="main-form">
<tabbox>
<tabs>
<tab label="Lesen"
id="licenseInfoSubTabId" />
<tab label="Kenderaan"
id="vehicleInfoSubTabId" />
<tab label="Pemilik"
id="ownerInfoSubTabId" />
</tabs>
<tabpanels>
<tabpanel>
<h:table>
<h:tr>
<h:td
class="label">
<label
value="Lesen" />
</h:td>
<h:td>
:
<combobox id="licenseInfoComboBoxId">
<comboitem
label="CDL" />
</combobox>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Kelas" />
</h:td>
<h:td>
:
<combobox id="licenseClassLabelId">
<comboitem
label="D" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="lisencePopUp" style="cursor: help" />
<popup
id="licensePopUpId" width="280px">
<vbox>
<toolbarbutton
label="Kelas enjin kenderaan" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Tarikh Senarai Hitam" />
</h:td>
<h:td>
:
<datebox
id="licenseDateBoxId" width="150px" />
<image
src="/images/questionmarkButton.png"
tooltip="lisenceDatePopUp" style="cursor: help" />
<popup
id="licenseDatePopUpId" width="280px">
<vbox>
<toolbarbutton
label="Tarikh pemilik disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Sebab Senarai Hitam" />
</h:td>
<h:td>
:
<combobox id="lisenceReasonComboBox">
<comboitem
label="PEMALSUAN LESEN/DOKUMEN/PLATE" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="licenseReasonPopUp" style="cursor: help" />
<popup
id="lisencePopUpId" width="280px">
<vbox>
<toolbarbutton
label="Sebab pemilik disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Tindakan" />
</h:td>
<h:td>
:
<combobox id="licenseActionComboBoxId">
<comboitem
label="Gantung lesen" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="licensePopUp" style="cursor: help" />
<popup
id="licenseActionPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Sebab pemilik disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
</h:table>
</tabpanel>
<tabpanel>
<groupbox mold="3d" id="noCasisComboBoxId">
<tabbox id="">
<tabs><!-- Tab for No Casis / No Engine -->
<tab
label="No. Casis" id="chasisNoTabId" />
<tab
label="No. Enjin" id="enjineNoTabId" />
</tabs>
<tabpanels>
<tabpanel>
<h:table>
<h:tr>
<h:td
class="label">
<label
value="Tarikh Senarai Hitam" />
</h:td>
<h:td>
:
<datebox
id="chasisDateBoxId" width="150px" />
<image
src="/images/questionmarkButton.png"
tooltip="casisPopUp" style="cursor: help" />
<popup
id="casisPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Tarikh no. casis disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Sebab Senarai Hitam" />
</h:td>
<h:td>
:
<combobox id="chasisBlckListComboBoxId">
<comboitem
label="19-TIDAK BOLEH DAPAT LESEN" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="casisReasonPopUp" style="cursor: help" />
<popup
id="casisReasonPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Sebab no. casis disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Tindakan" />
</h:td>
<h:td>
:
<combobox id="casisActionComboBoxId">
<comboitem
label="19-TIDAK BOLEH DAPAT LESEN" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="casisActionPopUp" style="cursor: help" />
<popup
id="casisActionPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Tindakan no. casis" />
</vbox>
</popup>
</h:td>
</h:tr>
</h:table>
</tabpanel>
<tabpanel>
<h:table>
<h:tr>
<h:td
class="label">
<label
value="No Enjin" />
</h:td>
<h:td>
:
<label id="engineNoLabelId"
value="WHX 2000" />
</h:td>
<h:td
class="label">
<label
value="Kelas" />
</h:td>
<h:td>
:
<combobox id="engineClassComboBoxId">
<comboitem
label="D" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="enginePopUp" style="cursor: help" />
<popup
id="enginePopUpId" width="280px">
<vbox>
<toolbarbutton
label="Kelas enjin kenderaan" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Tarikh Senarai Hitam" />
</h:td>
<h:td>
:
<datebox
id="engineDateBoxId" width="150px" />
<image
src="/images/questionmarkButton.png"
tooltip="engineDatePopUp" style="cursor: help" />
<popup
id="engineDatePopUpId" width="280px">
<vbox>
<toolbarbutton
label="Tarikh enjin kenderaan disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Sebab Senarai Hitam" />
</h:td>
<h:td>
:
<combobox id="engineBlackListComboBoxId">
<comboitem
label="19-TIDAK BOLEH DAPAT LESEN" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="engineReasonPopUp" style="cursor: help" />
<popup
id="engineReasonPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Kelas enjin kenderaan" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Tindakan" />
</h:td>
<h:td>
:
<combobox id="engineActionComboBoxId">
<comboitem
label="19-TIDAK BOLEH DAPAT LESEN" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="engineActionPopUp" style="cursor: help" />
<popup
id="engineActionPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Tindakan yang akan diambil" />
</vbox>
</popup>
</h:td>
</h:tr>
</h:table>
</tabpanel>
</tabpanels>
</tabbox>
</groupbox>
</tabpanel>
<tabpanel>
<h:table>
<h:tr>
<h:td
class="label">
<label
value="Tarikh Senarai Hitam" />
</h:td>
<h:td>
:
<datebox
id="ownerInfoDateBoxId" width="200px" />
<image
src="/images/questionmarkButton.png"
tooltip="ownerDatePopUp" style="cursor: help" />
<popup
id="ownerDatePopUpId" width="280px">
<vbox>
<toolbarbutton
label="Tarikh pemilik disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Sebab Senarai Hitam" />
</h:td>
<h:td>
:
<combobox
id="ownerReasonComboBoxId" width="200px">
<comboitem
label="PEMALSUAN LESEN/DOKUMEN/PLATE" value="" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="ownerReasonPopUp" style="cursor: help" />
<popup
id="ownerReasonPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Sebab pemilik disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
<h:tr>
<h:td
class="label">
<label
value="Tindakan" />
</h:td>
<h:td>
:
<combobox
id="ownerActionComboBoxId" width="200px">
<comboitem
label="Gantung lesen" />
</combobox>
<image
src="/images/questionmarkButton.png"
tooltip="actionPopUp" style="cursor: help" />
<popup
id="ownerPopUpId" width="280px">
<vbox>
<toolbarbutton
label="Sebab pemilik disenarai hitam" />
</vbox>
</popup>
</h:td>
</h:tr>
</h:table>
</tabpanel>
</tabpanels>
</tabbox>
<h:table>
<h:div class="button-bar">
<button id="addBlacklistButtonId"
label="Simpan" />
<button id="resetBlacklistButtonId"
label="Set Semula" />
<button id="printBlacklistButtonId"
label="Cetak" />
<button id="sendBlacklistButtonId"
label="Hantar" />
</h:div>
</h:table>
</h:table>
</groupbox>
</groupbox>
</tabpanel>
</tabpanels>
</tabbox>
</window>
</zk>TestComposer.javajava/**
*
*/
package gov.jpj.enf.controller;
import java.util.logging.Level;
import java.util.logging.Logger;
import org.zkoss.zk.ui.event.Event;
import org.zkoss.zul.Datebox;
import org.zkoss.zul.Div;
import org.zkoss.zul.Groupbox;
import org.zkoss.zul.Label;
import org.zkoss.zul.Radio;
import org.zkoss.zul.SimpleConstraint;
import org.zkoss.zul.Tab;
import org.zkoss.zul.Tabbox;
import org.zkoss.zul.api.Textbox;
import org.zkoss.zul.Combobox;
import org.zkoss.zul.Listbox;
import gov.jpj.common.BaseComposer;
import gov.jpj.common.exception.ServiceLookupException;
import gov.jpj.enf.entities.EnforcementSearch;
import org.zkoss.zul.Button;
/**
* @author Hamizah
*
*/
public class CaseSearchComposer extends BaseComposer {
private static final long serialVersionUID = 1L;
private Logger log = null;
/* ZK Component */
Textbox searchTxtBoxId;
Textbox searchTxtBoxId1;
Textbox commentDnaaTextbox;
Textbox ownerNtsInfoTextBoxId;
Textbox commentTextBoxId;
Combobox chooseComboBoxId;
Combobox searchCatComboBoxId;
Combobox dnaaComboBoxId;
Combobox ownerApplicationComboBixId;
Combobox ownerLicenseComboBoxId;
Combobox ownerLicenseClassComboBoxId;
Combobox approvalComboBoxId;
Combobox licenseInfoComboBoxId;
Combobox licenseClassLabelId;
Combobox lisenceReasonComboBox;
Combobox licenseActionComboBoxId;
Combobox chasisBlckListComboBoxId;
Combobox casisActionComboBoxId;
Combobox engineClassComboBoxId;
Combobox engineBlackListComboBoxId;
Combobox engineActionComboBoxId;
Combobox ownerReasonComboBoxId;
Combobox ownerActionComboBoxId;
Datebox startDateBox;
Datebox finalDateBox;
Datebox licenseDateBoxId;
Datebox chasisDateBoxId;
Datebox engineDateBoxId;
Datebox ownerInfoDateBoxId;
Div infoMessageId;
Div searchFieldDivId;
Label driverfailCaseLabelId;
Label driveraccPersonLabelId;
Label driveridNoLabelId;
Label driverkejaraLabelId;
Label ownerfailCaseLabelId;
Label ownerOffendNameLabelId;
Label ownerNoIdLabelId;
Label ownerKejaraLabelId;
Label driverNoIdLabelId;
Label driverNameLabelId;
Label driverAddrLabelId;
Label driverAddr2LabelId;
Label driverAddr3LabelId;
Label driverStateLabelId;
Label driverGenderLabelId;
Label driverDobLabelId;
Label driverStatusLabelId;
Label driverOffenderLabelId;
Label ownerIdLabelId;
Label ownerNameLabelId;
Label ownerAddrLabelId;
Label ownerAddr2LabelId;
Label ownerAddr3LabelId;
Label ownerStateLabelIdValue;
Label ownerGenderLabelId;
Label ownerDobLabelId;
Label ownerStatusId;
Label owneroffendLabelId;
Label vehicleRegNoLabelId;
Label vehicleNewRegNoLabelNo;
Label vehicleEngineNoLabelId;
Label ownerRefLabelId;
Label vehicleCasisNoLabelId;
Label vehicleColorLabelId;
Label vehicleYearBuildLabelId;
Label vehicleRegDate;
Label vehicleEngPowerLabelId;
Label vehicleSitLabelId;
Label vehicleModelLabelId;
Label vehicleBodyTypeLabelId;
Label courtNameLabelId;
Label courtRefLabelId;
Label ownerDurationLabelId;
Label ownerSuspendLabelId;
Label ownerReasonLabelId;
Label engineNoLabelId;
Tab personInfoTabId;
Tab offendTabId;
Tab invistigateTabId;
Tab courtTabId;
Tab punishmentTabId;
Tab attachmentTabId;
Tab commentTabId;
Tab licenseInfoSubTabId;
Tab vehicleInfoSubTabId;
Tab ownerInfoSubTabId;
Groupbox mainSearchGroupBoxId;
Groupbox failCasegroupBoxId;
Groupbox ownercaseGroupBoxId;
Groupbox expandGroupBoxId;
Groupbox driverGroupBox;
Groupbox ownerGroupBox;
Groupbox vehicleGroupBox;
Groupbox courtGroupBoxId;
Groupbox courtDateLabelId;
Groupbox courtTimeLabelId;
Groupbox punishmentBoxId;
Groupbox dnaaGroupBox;
Groupbox suspendGroupBox;
Groupbox ownerInfoGroupBox;
Groupbox ownerDocGroupBoxId;
Groupbox approvalGroupBoxId;
Groupbox blacklistGroupBox;
Groupbox noCasisComboBoxId;
Button printButtonId;
Button backButtonId;
Button addOffendButtonId;
Button resetOffendButtonId;
Button printOffendButtonId;
Button sendOffendButtonId;
Button addInvistigationButtonId;
Button resetInvistigationButtonId;
Button printInvistigationButtonId;
Button sendInvistigationButtonId;
Button addCourtButtonId;
Button resetCourtButtonId;
Button printCourtButtonId;
Button sendCourtButtonId;
Button addBlacklistButtonId;
Button resetBlacklistButtonId;
Button printBlacklistButtonId;
Button sendBlacklistButtonId;
Listbox caseSearchResultBoxId;
Listbox detailCaseListBoxId;
Listbox caseFileListBoxId;
Listbox jpjInviListBoxId;
Listbox suspendFileListBoxId;
Listbox suspendDocListBoxId;
@Override
public void init() throws ServiceLookupException {
mainSearchGroupBoxId.setVisible(false);
failCasegroupBoxId.setVisible(false);
ownercaseGroupBoxId.setVisible(false);
failCasegroupBoxId.setVisible(false);
expandGroupBoxId.setVisible(false);
}
// Main comboBox select
public void onChooseComboBox(Event event) {
chooseComboBoxId.setConstraint(new SimpleConstraint("NO EMPTY"));
chooseComboBoxId.getValue();
searchFieldDivId.setVisible(true);
}
// Sub comboBox select
public void onSearch(Event event) {
searchTxtBoxId.setConstraint("NO EMPTY");
searchTxtBoxId1.setConstraint("NO EMPTY");
searchCatComboBoxId.setConstraint("NO EMPTY");
searchTxtBoxId.getValue();
searchTxtBoxId1.getValue();
searchCatComboBoxId.getValue();
failCasegroupBoxId.setVisible(true);
expandGroupBoxId.setVisible(true);
detailCaseListBoxId.setVisible(true);
caseSearchResultBoxId.setVisible(true);
}
public void onCheckClick(Event event) {
chooseComboBoxId.getValue();
searchTxtBoxId.setConstraint(new SimpleConstraint("NO EMPTY"));
searchTxtBoxId1.setConstraint(new SimpleConstraint("NO EMPTY"));
searchCatComboBoxId.getValue();
searchFieldDivId.setVisible(true);
}
public void onClickView(Event event) {
detailCaseListBoxId.setVisible(true);
}
public void onClickEdit(Event event) {
caseSearchResultBoxId.setVisible(true);
}
public void onClickSave(Event event){
dnaaComboBoxId.setConstraint(new SimpleConstraint("NO EMPTY"));
dnaaComboBoxId.getValue();
commentDnaaTextbox.setConstraint(new SimpleConstraint("NO EMPTY"));
commentDnaaTextbox.getValue();
punishmentBoxId.setVisible(true);
}
public void onClickReset(Event event){
punishmentBoxId.setVisible(true);
}
}