Processing...

Suggested case list:

Using timer to refresh a grid

383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlink

user model to move item to another listbox

120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlink

Disabled list item row passed to VM-1981

296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlink

Disabled list item row passed to VM-1981

295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlink

Disabled list item row passed to VM-1981

294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlink

grid sample with ListModel/RowRenderer

816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlink

grid sample with ListModel/RowRenderer

809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlink

grid sample with ListModel/RowRenderer

196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlink

grid sample with ListModel/RowRenderer

195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlink

grid sample with ListModel/RowRenderer

194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlink

grid sample with ListModel/RowRenderer

193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlink

grid sample with ListModel/RowRenderer

192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlink

grid sample with ListModel/RowRenderer

191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlink

Hierarchy table without using ZK PE/EE

1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlink

grid sample with ListModel/RowRenderer

128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlink

user model to move item to another listbox

1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlink

Using timer to refresh a grid

1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlink

Fire a event from child iframe

1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlink

Textbox input restriction sample

1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlink

Test web core taglib in ZUL

1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlink

Latest 10 Fiddles :

constraint binding textbox

3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlink

Another new ZK fiddle

2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlink

Another new ZK fiddle

1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlink

Another new ZK fiddle

1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlink

tooltip example

2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlink

Another new ZK fiddle

1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlink

Another new ZK fiddle

1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlink

onClose

1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlink

Another new ZK fiddle

1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlink

ZK-5912-Suggestion

2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlink

Another new ZK fiddle

5guest14.141.176.1331klgv91Dec 13, 2018 9:55:05 AMlink

resources

index.zulzul<?page contentType="text/html;charset=UTF-8"?> <zk> <window title="OQ Supplier Response" border="normal" class="border_none" id="winVendorResponse" <div class="grid grid-pad" visible="true"> <div class="col-1-4" id="divLineNo"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.LINNO','OQ.LABELS')}" /> <textbox id="txtLineNo" readonly="true" ></textbox> </div> <div class="col-1-4" id="divItemNo"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.ITEMNO','OQ.LABELS')}" /> <textbox id="txtItemNo" readonly="true" > </textbox> </div> <div class="col-1-4" id="divQtyOrder"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.QTYORDER','OQ.LABELS')}" /> <doublebox id="txtQtyOrder" readonly="true" > </doublebox> </div> <div class="col-1-4" id="divProcQnty"> <label value="('WFT.OQDETAILS.PROC.QNTY','OQ.LABELS')}" /> <doublebox id="txtProcQnty" readonly="true" > </doublebox> </div> <div class="col-1-4" id="divItemDesc"> <label value="('WFT.OQDETAILS.DESC','OQ.LABELS')}" /> <textbox id="txtItemDesc" readonly="true" ></textbox> </div> <div class="col-1-4" id="divReqByDt"> <label value="('WFT.OQ.REQ.BY.DATE','OQ.LABELS')}" /> <datebox id="dbReqByDt" readonly="true" ></datebox> </div> <div class="col-1-4" id="divCurrOwner"> <label value="('WFT.OQDETAILS.CUR.OWN','OQ.LABELS')}" /> <textbox id="txtCurrOwner" readonly="true"></textbox> </div> </div> <!--Attachment --> <!-- <div id="divAttachId" class="grid grid-pad" style="float:right;" width="48%"> --> <!-- <grid --> <!-- id="gdattachment" fixedLayout="true" --> <!-- visible="true"> --> <!-- <rows> --> <!-- <row> --> <!-- <hbox> --> <!-- <include id="attachId" --> <!-- title="('VENDOR.RESPONSE.OQVENDORRESPONSE.ATTACH.TITLE','OQ.LABELS')}" --> <!-- src="${c:zp('AttachPage')}" max="5" --> <!-- attachmentId="attachmentEC" allowAttach="false" --> <!-- scanDocument="false" allowDelete="false" width="1500px" --> <!-- showAttachmentLabel="true" view ="tabular" --> <!-- allowFormat="PDF,JPEG,JPG,PNG,XLS,XLSX,DOC,DOCX,PPT,PPTX,ZIP,RAR"/> --> <!-- </hbox> --> <!-- </row> --> <!-- </rows> --> <!-- </grid> --> <!-- </div> --> <div class="grid grid-pad"> <div id="attach1" visible="true" class="col-1-2" > <include id="attachId1" title="('VENDOR.RESPONSE.OQVENDORRESPONSE.ATTACH.TITLE','OQ.LABELS')}" src="${c:zp('AttachPage')}" max="5" attachmentId="attachmentEC1" allowAttach="false" scanDocument="false" allowDelete="false" showAttachmentLabel="true" view ="tabular" allowFormat="PDF,JPEG,JPG,PNG,XLS,XLSX,DOC,DOCX,PPT,PPTX,ZIP,RAR"/> </div> <div id="attach2" visible="true" class="col-1-2"> <include id="attachId2" title="('VENDOR.RESPONSE.OQVENDORRESPONSE.SUPP.ATTACH.TITLE','OQ.LABELS')}" src="${c:zp('AttachPage')}" max="5" attachmentId="attachmentEC2" allowAttach="false" scanDocument="false" allowDelete="false" showAttachmentLabel="true" view ="tabular" allowFormat="PDF,JPEG,JPG,PNG,XLS,XLSX,DOC,DOCX,PPT,PPTX,ZIP,RAR"/> </div> </div> <separator></separator> <div class="grid grid-pad" id="irtDtlsDiv" visible="false"> <div class="col-4-4" width="100%"> <panel id="pnlIrt" height="auto" collapsible="true" border="normal" visible="false" class="panel_div yellow_legends_color" title="Inventory Redeployment Tracker"> <panelchildren class="panel_div_container"> <div class="grid grid-pad"> <div class="col-1-4" id="divIRTno" visible="false"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.IRTNO','OQ.LABELS')}" /> <textbox id="txtIRTno" readonly="true"> </textbox> </div> <div class="col-4-4" width="100%"> <grid sizedByContent="false" id="grdIRTSrch" style="overflow: scroll;" mold="paging" pageSize="5"> <columns> <column align="center" width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.SELECT','OQ.LABELS')}" /> <column width="15%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNO','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNAME','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.UOM','OQ.LABELS')}" /> <column width="10%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.QTY','OQ.LABELS')}" /> <column width="18%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.CRNCY','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.RATE','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.TOTLPRICE','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.DATE','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQ.EXPIRY.DATE','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.STATUS','OQ.LABELS')}" /> </columns> <rows id="rowsIRTSearch"> </rows> </grid> <grid fixedLayout="true" id="grdNoRecordIRT" visible="false"> <columns> <column align="center" width="100%"> <label value="('NO.RECORDS.AVAILABLE','ADMIN.LABEL')}" /> </column> </columns> </grid> <div id="grdcanceledIRT" visible="false"> <hbox align="start"> <label value="Redeployment opportunity is not available." /> <!-- <separator></separator> --> </hbox> <hbox align="start"> <label value="Reason Code : " /> <label value="-" id="cancelRsnIdlbl" /> <!-- <label value=" , " /> --> </hbox> <hbox> <label value="Reason Description : " /> <label value="-" id="cancelRsndesclbl" /> </hbox> </div> <!-- <paging id="pageIRT" pageSize="2"> --> <!-- </paging> --> </div> </div> <div align="right"> <button id="btnCancel" label="Cancel Search" autodisable="self" visible="false" /> <button id="btnRefreshIRT" label="Refresh" autodisable="self" visible="false" /> </div> </panelchildren> </panel> </div> </div> <div class="grid grid-pad"> <div class="col-4-4" width="100%"> <panel id="pnlCatalog" border="normal" height="auto" collapsible="true" visible="true" class="panel_div green_legends_color" title=""> <panelchildren class="panel_div_container"> <!-- <div class="grid grid-pad"> --> <div class="col-4-4" width="100%"> <grid sizedByContent="false" id="grdCtlgSrch" style="overflow: scroll;" mold="paging" pageSize="5"> <columns> <column align="center" width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.SELECT','OQ.LABELS')}" /> <column width="15%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNO','OQ.LABELS')}" /> <column width="12%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNAME','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.UOM','OQ.LABELS')}" /> <column width="8%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.QTY','OQ.LABELS')}" /> <column width="13%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.CRNCY','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.RATE','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.TOTLPRICE','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.GPG.NUM','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.DATE','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQ.EXPIRY.DATE','OQ.LABELS')}" /> <column width="14%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.STATUS','OQ.LABELS')}" /> <column align="center" width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VIEWITEM','OQ.LABELS')}" /> </columns> <rows id="rowsCatalogSearch"> </rows> </grid> <grid fixedLayout="true" id="grdNoRecordCatalog" visible="false"> <columns> <column align="center" width="100%"> <label value="('NO.RECORDS.AVAILABLE','ADMIN.LABEL')}" /> </column> </columns> </grid> <!-- <paging id="pageCatalog" pageSize="2"> --> <!-- </paging> --> <div align="right"> <button id="btnRefreshCatalog" autodisable="self" label="Refresh" visible="false" /> <button id="btnResetCatalog" autodisable="self" label="Reset" visible="false" /> <button id="btnGoToCatalog" autodisable="self" label="Search Catalog" visible="true" /> </div> </div> </panelchildren> </panel> </div> </div> <div class="grid grid-pad" id="cntrctDtlsDiv" visible="true"> <div class="col-4-4" width="100%"> <panel id="pnlContract" border="normal" height="auto" collapsible="true" visible="true" class="panel_div blue_legends_color" title=""> <panelchildren class="panel_div_container"> <div class="grid grid-pad"> <div class="col-4-4" width="100%"> <grid sizedByContent="false" id="grdCntrctSrch" style="overflow: scroll;" mold="paging" pageSize="5"> <columns> <column align="center" width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.SELECT','OQ.LABELS')}" /> <column width="15%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNO','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNAME','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.UOM','OQ.LABELS')}" /> <column width="10%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.QTY','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.CRNCY','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.RATE','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.TOTLPRICE','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.GPG.NUM','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.DATE','OQ.LABELS')}" /> <column width="15%" label="('VENDOR.RESPONSE.OQ.EXPIRY.DATE','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.STATUS','OQ.LABELS')}" /> </columns> <rows id="rowsContractSearch"> </rows> </grid> <grid fixedLayout="true" id="grdNoRecordContract" visible="false"> <columns> <column align="center" width="100%"> <label value="('NO.RECORDS.AVAILABLE','ADMIN.LABEL')}" /> </column> </columns> </grid> <!-- <paging id="pageContract" --> <!-- pageSize="2"> --> <!-- </paging> --> <div align="right"> <button id="btnRefreshContract" autodisable="self" label="Refresh" visible="false" /> <button id="btnResetContract" autodisable="self" label="Reset" visible="false" /> <button id="btnGoToContract" autodisable="self" label="Go to Contract" visible="false" /> </div> </div> </div> </panelchildren> </panel> </div> </div> <div class="grid grid-pad" id="rfqDtlsDiv" visible="true"> <div class="col-4-4" width="100%"> <panel id="pnlRfqevnt" height="auto" collapsible="true" border="normal" visible="false" class="panel_div red_legends_color" title="('VENDOR.RESPONSE.OQVENDORRESPONSE.RFQEVNT','OQ.LABELS')}"> <panelchildren class="panel_div_container"> <div class="grid grid-pad"> <div class="col-1-4" id="divEventno"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.EVENTNO','OQ.LABELS')}" /> <textbox id="txtEventno" readonly="true"> </textbox> </div> <div class="col-1-4" id="divEvntcrtdt"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.EVNTCRTDT','OQ.LABELS')}" /> <textbox id="txtEvntcrtdt" readonly="true"> </textbox> </div> <div class="col-1-4" id="divEvntstatus"> <label value="('VENDOR.RESPONSE.OQVENDORRESPONSE.EVNTSTATUS','OQ.LABELS')}" /> <textbox id="txtEvntstatus" value="" readonly="true"> </textbox> </div> <div class="col-1-4" id="divItemName" visible="false"> <label value="('WFT.ITEM.SEARCHBOX','OQ.LABELS')}" /> <textbox id="itemName" readonly="true"></textbox> </div> <div> <div class="col-4-4" width="100%"> <grid sizedByContent="false" id="grdRFQSrch" style="overflow: scroll;" mold="paging" pageSize="5"> <columns> <column align="center" width="5%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.SELECT','OQ.LABELS')}" /> <column width="10%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNO','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.VNDRNAME','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.UOM','OQ.LABELS')}" /> <column width="10%" align="right" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.QTY','OQ.LABELS')}" /> <column width="12%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.CRNCY','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.RATE','OQ.LABELS')}" /> <column width="10%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.TOTLPRICE','OQ.LABELS')}" /> <column width="8%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.GPG.NUM','OQ.LABELS')}" /> <column width="11%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.DATE','OQ.LABELS')}" /> <column width="11%" label="('VENDOR.RESPONSE.OQ.EXPIRY.DATE','OQ.LABELS')}" /> <column width="11%" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.STATUS','OQ.LABELS')}" /> </columns> <rows id="rowsEventRFXSearch"> </rows> </grid> <grid fixedLayout="true" id="grdNoRecordRFQ" visible="false"> <columns> <column align="center" width="100%"> <label value="('NO.RECORDS.AVAILABLE','ADMIN.LABEL')}" /> </column> </columns> </grid> <!-- <paging id="pageRFQ" --> <!-- pageSize="2"> --> <!-- </paging> --> </div> </div> </div> <div> <div align="right"> <button id="btnCancelEvent" autodisable="self" label="Cancel Event" visible="false" /> </div> <separator></separator> <div align="right"> <button id="eventRfq" autodisable="self" label="Go to RFQ Event" visible="false" /> </div> <div align="right"> <button id="btnSrchItem" visible="false" autodisable="self" label="Search Item"/> <button id="btnPrcdToRfq" label="Proceed to RFQ" visible="false" autodisable="self"/> </div> </div> </panelchildren> </panel> </div> </div> <div class="grid grid-pad" id="DivOQCorrRemarks" visible="false"> <vbox> <hbox> <label class="label_style2" value="('OQ.CORRECTION.REMARKS','OQ.LABELS')}" /> <label class="mandatory_fields" value="('COMMON.MANDATORY.FIELD','COMMON.LABEL')}" id="manOqCorrRemarks" /> </hbox> <textbox id="txtOqCorrectionRemarks" maxlength="2000" rows="4" width="1140px"> </textbox> </vbox> </div> <separator></separator> <div align="right"> <button id="btnReview" label="('VENDOR.RESPONSE.OQVENDORRESPONSE.SUBMIT.REVIEW','OQ.LABELS')}" visible="false" autodisable="self"/> <button id="btnVendorComm" label="Communicate to Suppliers" visible="false" autodisable="self"/> <button id="btnFinRes" label="Finalize Response" visible="false" autodisable="self"/> <button id="btnReset" label="Reset" visible="false" autodisable="self"/> <button id="btnUpdate" label="Save" autodisable="self"/> <button id="btnAccept" label="Accept" autodisable="self"/> <button id="btnReject" label="Reject" autodisable="self"/> <button id="btnRecommend" label="Recommend" autodisable="self"/> <!-- Changed for New Flow --> <button id="btnPrcdToCntrct" label="('VEN.RESP.PRCD.CNTRCT','OQ.LABELS')}" visible="false" autodisable="self"/> <button id="btnReqIniRFQ" label="('VEN.RESP.REQ.INI.RFQ','OQ.LABELS')}" visible="false" autodisable="self"/> <button id="btnOqCorrection" label="('OQ.CORRECTION.UPDATE.DATA','OQ.LABELS')}" visible="false" autodisable="self"/> <!-- Added By Karishma 05-Apr-2018 --> </div> <panel height="auto" border="normal" id="panelCmbAction" class="panel_div" title="Workflow" collapsible="true" visible="false"> <panelchildren class="panel_div_container"> <div class="grid grid-pad" id="divCmbAction"> <div class="col-1-4"> <vbox> <hbox> <label id="cmbAction_Lbl" value="Action"> </label> <label class="mandatory_fields" value="('COMMON.MANDATORY.FIELD','COMMON.ADMIN.LABELS')}" /> </hbox> <combobox tabindex="3" id="cmbAction" readonly="true"> <comboitem value="${('COMMON.COMBO.SELECT','COMMON.CONSTANT')}" label="('COMMON.COMBO','COMMON.LABEL')}" /> </combobox> </vbox> </div> <div class="col-1-4" id="divWfComp" visible="false"> <vbox> <hbox> <label id="lblename" value="('LBL.HIERCHY.LIST','COMMON.ADMIN.LABELS')}" /> <label class="mandatory_fields" value="('COMMON.MANDATORY.FIELD','COMMON.ADMIN.LABELS')}" /> </hbox> <div align="left"> <CmnSpclWfComponent textreadonly="false" id="CmnSpclWfComponent" isMultipleSelect="true" textCols="20" winwidth="1090" winheight="auto" isOpenFromComponent="true" searchscreenzul="/WEB-INF/zul/common/cmnwfconfig/CmnSpclWfList.zul" /> </div> </vbox> </div> </div> <div align="right"> <button label="Proceed" mold="os" id="btnProceed" visible="false" class="button_style1" autodisable="self"/> </div> </panelchildren> </panel> <separator></separator> <separator></separator> </window> </zk>