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 AMlinkAnother new ZK fiddle
7guest115.249.163.170kdjh6cMay 21, 2019 8:11:36 AMlinkresources
index.zulzul<zk>
<window id="wsvs_advance" width="100%" height="100%" contentStyle="overflow:auto" xmlns:w="http://www.zkoss.org/2005/zk/client" >
<borderlayout height="100%" style="overflow:auto">
<center border="0" >
<borderlayout height="100%" >
<north border = "0" height="0"></north>
<center border = "0">
<borderlayout>
<north>
<div height="100%" width="100%" style="border:10px solid black;background-color:red;display:block;">
</div>
<!--<grid height="100%" width="100%">
<columns>
<column width="50%" />
<column width="20%" align="left"/>
<column align="right" width="30%" />
</columns>
<rows width="100%">
<row width="100%">
<hbox align="center" width="100%">
<label value="Account Name :" style="font-size:12px;font-style:Trebuchet MS;">
</label>
<label id="accname" style="color:black;font-weight:bold;font-style:Trebuchet MS;font-size:12px;"></label>
</hbox>
<hbox id="rejuserhbox" visible="false" align="center" width="100%">
<label value="Rejected By" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label id="svssuser" width="100%" style="color:black;font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
</hbox>
<hbox align="center" width="100%">
<label value="Br No. : " style="font-size:12px;font-style:Trebuchet MS;"></label>
<label id="brno" style="color:black;text-align:center; font-weight:bold;font-size:12px;"></label>
<hbox spacing="5"></hbox>
<label value="Pr No. : " style="font-size:12px;font-style:Trebuchet MS;"></label>
<label id="prno" style="color:black;text-align:center; font-weight:bold;font-size:12px;"></label>
<hbox spacing="5"></hbox>
<label value="Batch Status" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label id="batchstat"></label>
</hbox>
</row>
</rows>
</grid> -->
</north>
<center>
<panel id="mdatapanel" width="100%"
height="100%" visible="false">
<panelchildren>
<borderlayout height="100%">
<north border="0" height="0%"></north>
<west width="4%">
<div id="btndiv" align="center"
width="100%" height="100%">
<vbox align="right">
<image id="back" src="/images/image_back.png" style="cursor:hand;" tooltiptext="Back Image (F2)"> </image>
<image id="front" src="/images/image_front.png" style="cursor:hand;" tooltiptext="Front Image (F1)"> </image>
<image id="gray" src="/images/image_gray.png" style="cursor:hand;" tooltiptext="Gray Image (F1)"> </image>
<image id="zoomin" src="/images/image_zoom_in.png" style="cursor:hand;" tooltiptext="Zoom In Image (F6)"> </image>
<image id="zoomout" src="/images/image_zoom_out.png" style="cursor:hand;" tooltiptext="Zoom Out Image (F7)"> </image>
<image id="rrotate" src="/images/image_rr.png" style="cursor:hand;" tooltiptext="Flip Image (F8)"> </image>
<image id="togglezoom" src="/images/image_nozoom.png" style="cursor:hand;" tooltiptext="MaxZoom Image (Ctrl+NumPad9)"> </image>
<image id="bestfitsign" src="/images/image_bestfitsign.png" style="cursor:hand;" tooltiptext="Best Fit Sign (Ctrl+NumPad7)"> </image>
<image id="negative" src="/images/image_negative.png" style="cursor:hand;" tooltiptext="Negative Image (F9)"> </image>
<image id="skip" src="/images/image_skip.png" style="cursor:hand;" tooltiptext="Next Instrument (Down Arrow)"> </image>
<image id="backtopanel" src="/images/backtopanel.png" style="cursor:hand;" tooltiptext="Back To Batch (F12)"> </image>
</vbox>
</div>
</west>
<center>
<borderlayout height="100%">
<center border="0">
<div id="panelalt" width="100%" height="100%" style="overflow:auto">
<hbox><space width="121px"/>
<image id="chq_img" width="100%" height="95%"></image>
</hbox>
</div>
</center>
</borderlayout>
</center>
<south border="0" height="0%">
</south>
</borderlayout>
</panelchildren>
</panel>
</center>
</borderlayout>
</center>
<south id = "south" height="40%">
<borderlayout height="100%">
<north border = "0" height = "91%">
<borderlayout height="100%">
<north border = "0" height="34%">
<div>
<grid id="data_grid1" height="null">
<columns>
<column width="7%" align="center"/>
<column width="18%" align="center"/>
<column width="11%" align="center"/>
<column width="6%" align="center"/>
<column width="9%" align="center"/>
<column width="8%" align="center"/>
<column width="4%" align="center"/>
<column width="29%" align="center"/>
<column width="3%" align="center"/>
<column width="5%" align="center"/>
</columns>
<rows id="data_rows1">
<row width="100%" >
<label value="Load Sign" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="Acct Update Date" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="Account Number" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="Cheque" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="Sort Code" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="Base Number" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="TC" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="Amount" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="P2F" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label value="IQA" style="font-size:12px;font-style:Trebuchet MS;"></label>
</row>
<row width="100%" >
<div id="histbtndiv" align="center"><hbox id="histbtnhbox"><button id="curbtn" width="30px" label="C" ></button><button id="histbtn" label="H" width="30px" ></button></hbox></div>
<label id="upddate" style="color:black;text-align:center; font-weight:bold;font-size:14px;"></label>
<label id="accnoa"></label>
<label id="instrumentnumberintb1" ></label>
<label id="payeecitycodeintb1" ></label>
<label id="sanintb1" ></label>
<label id="tcintb1" ></label>
<div align="right"><label id="amount" style="text-align:right; font-weight:bold;font-size:20px;color:red;"></label></div>
<label id="p2flvl" ></label>
<label id="iqalvl" ></label>
</row>
</rows>
</grid>
<grid height="null">
<columns><!-- 4remain -->
<column width="7%" />
<column width="17%" />
<column width="7%" />
<column width="29%" />
<column width="5%" />
<column width="15%" />
<column width="10%" />
<column width="5%" />
</columns>
<rows>
<row>
<label value="User Field :" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label id="userfld" style="color:black;font-weight:bold;font-style:Trebuchet MS;font-size:12px;"></label>
<label value="Pres Bank :" style="font-size:12px;font-style:Trebuchet MS;" ></label>
<label id="presbankname" style="color:black;font-weight:bold;font-style:Trebuchet MS;font-size:14px;"></label>
<label value="Search :" style="font-size:12px;font-style:Trebuchet MS;" ></label>
<textbox id="searchsign" readonly="true" maxlength="25" width="200px"></textbox>
<label value="Sp. Handling :" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label id="spclhndlng"></label>
<label id="udka" visible="false"/>
</row>
</rows>
</grid>
</div>
</north>
<south border = "0" height="66%">
<borderlayout height="100%">
<west id="lwest" width ="21%">
<div id="mopdiv" width="100%" >
<label value="Account Operating Instructions" width="100%" style="font-size:13px;"/>
<textbox style="overflow-y:auto" id="mdata" readonly="true" rows="12" multiline="true" width="100%"/>
</div>
</west>
<east border = "0" width="79%">
<borderlayout height="100%">
<east width="465px"><!-- 51% -->
<div>
<panel width="100%" height="93%">
<panelchildren style="overflow:auto;background-color:#c0c0c0">
<image align="center" id ="img1" height="180px" width="205px" style="border:1px solid #00008B"></image>
</panelchildren>
</panel>
<hbox height="7%"><label value="Account Status :" style="font-size:12px;font-style:Trebuchet MS;"></label><label id="acctstatus" style="color:black;font-weight:bold;font-style:Trebuchet MS;font-size:12px;" width="100%"></label></hbox>
</div>
</east>
<center>
<borderlayout>
<north border="none" >
<vbox align="end" width="90%"><image style="cursor:hand;" id="skipup" tooltiptext="Skip to previous 5 Signs" src="/images/skipup_dis.png"></image></vbox>
</north>
<center border="none" >
<borderlayout height="127px">
<north height="128px" border="none">
<vbox id="vboxsignbtn" align="end" width="90%" style="overflow-x: hidden; overflow-y: scroll;">
</vbox>
</north>
<center border="none" > <vbox align="end" width="90%"><image id="skipdown" style="cursor:hand;" tooltiptext="Skip to next 5 Signs" src="/images/skipdown_dis.png"></image></vbox>
</center>
</borderlayout>
</center>
</borderlayout>
</center>
<west width="45%" id ="imgwest">
<div id="bottomleftmaindiv">
<listbox id="custsignlistbox" style="overflow-y:auto" rows="2">
<listhead sclass="MyRowHeight">
<listheader width="7%" label="No" sort="auto" />
<listheader width="12%" label="Group" sort="auto" />
<listheader width="13%" label="Result" sort="auto" />
<listheader width="54%" label="Signatory Name" sort="auto" />
<listheader width="14%" label="Relation" sort="auto" />
</listhead>
</listbox>
<grid>
<columns>
<column width="32%" />
<column width="68%" />
</columns>
<rows>
<row width="100%">
<label value="Return Reason" style="font-size:12px;font-style:Trebuchet MS;"></label>
<combobox autodrop="true" id="retreason" width="95%" autocomplete="true"></combobox>
</row>
<row width="100%" visible="false" id="retremarkrow"><label value="Return Remark" style="font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="retremark" maxlength="25" width="100%"></textbox>
</row>
<row width="100%">
<label value="Reject Remark" style="font-size:12px;font-style:Trebuchet MS;"></label>
<label style="color:black;font-weight:bold;font-size:12px;font-style:Trebuchet MS;" id="rejremark" maxlength="25" width="100%"></label>
</row>
</rows>
</grid>
</div>
</west>
</borderlayout>
</east>
</borderlayout>
</south>
</borderlayout>
</north>
<south border = "0" height="9%">
<grid>
<columns>
<column width="210px"/>
<column width="968px"/>
</columns>
<rows>
<row>
<div>
<hbox pack="start">
<label id="clientrulelbl" value="Not Verified" visible="true"/>
<space width="15px" bar="false"/>
<label id="labelforhold" style="font-size:12px;color:black;font-style:Trebuchet MS;" width="150px" visible="false"/>
</hbox>
</div>
<div >
<hbox align="center" pack="start">
<space width="5px" bar="false"/>
<label id="svsresult" width="1%" visible="false"/>
<label value="User Result:" style="font-size:12px;color:black;font-style:Trebuchet MS;" ></label>
<combobox id="uservresult" readonly="true" width="125px"></combobox>
<space bar="false" spacing ="1px"></space>
<label value="User Remark" style="font-size:12px;color:black;font-style:Trebuchet MS;"></label>
<textbox id="usrremark" maxlength="50" width="135px"></textbox>
<button id="force" label="Force Submit" mold = "trendy" />
<button id="lastverified" label="Last Verified" mold="trendy"/>
<button id="submit" label="Submit" mold = "trendy" />
<button id="condition" label="Condition" mold = "trendy"/>
<button id="forward" label="Next" mold = "trendy"/>
<button id="reset" label="Reset" mold = "trendy"/>
<button id="utilitypay" label="Utility" mold = "trendy"/>
</hbox>
</div>
</row>
</rows>
</grid>
</south>
</borderlayout>
</south>
</borderlayout>
</center>
<south id="filtersouth" height="100%" visible="true" >
<div id="rangefilterdiv" align ="left" width ="100%" height="100%">
<grid id="sysfiltergrid" height="null" sizedByContent="true">
<columns>
<column width="10%"/>
<column width="15%"/>
<column width="12%"/>
<column width="10%"/>
<column width="10%"/>
<column width="10%"/>
<column width="10%"/>
</columns>
<rows id="sysrows">
<row width="100%" spans="1">
<div id="divchk1">
<label value="Core System" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
</div>
<div id="divchk2">
<label value="Finware /Flex :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="finflex" ></checkbox>
</div>
<div id="divchk3">
<label value="UBS :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="ubs" ></checkbox>
</div>
<label value="BOFD :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<combobox id="bofdcode" maxlength = "3" width="100%" readonly="true"></combobox>
<label value="Clearing Type :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<combobox id="cltypecb" width="100%" readonly="true"></combobox>
</row>
</rows>
</grid>
<grid id="rangefiltergrid" height="null" sizedByContent="true">
<columns>
<column width="15%"/>
<column width="15%"/>
<column width="3%"/>
<column width="15%"/>
</columns>
<rows id="rangerows">
<row width="100%" >
<label value="Branch Number :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="branchfrm" maxlength ="5" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
<label value=" To " style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="branchto" maxlength ="5" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
</row>
<row width="100%">
<label value="Account Number :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="accountfrm" maxlength ="14" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
<label value=" To " style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="accountto" maxlength ="14" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
</row>
<row width="100%" >
<label value="Transaction Code :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="tcfrm" maxlength ="2" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
<label value=" To " style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="tcto" maxlength ="2" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
</row>
<row width="100%">
<label value="Product Code :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="pcfrm" maxlength ="5" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
<label value=" To " style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="pcto" maxlength ="5" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
</row>
<row width="100%">
<label value="Amount :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="amtfrm" width="100%" sclass = "rupeetextbox"></textbox>
<label value=" To " style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="amtto" width="100%" sclass = "rupeetextbox"></textbox>
</row>
</rows>
</grid>
<grid id="fieldfiltergrid" height="null" sizedByContent="true">
<columns>
<column width="10%"/>
<column width="10%"/>
<column width="31%"/>
<column width="10%"/>
<column width="10%"/>
<column width="10%"/>
<column width="10%"/>
</columns>
<rows id="fieldrows">
<row width="100%">
<label value="Cheque Number :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<textbox id="chqno" maxlength ="6" width="100%" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox>
<div id="divchk" align="left">
<label value="MICR Repair Flag :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="micrcheck" ></checkbox>
</div>
<div id="divchk4">
<label value="P2F :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="p2f" ></checkbox>
</div>
<div id="divchk5">
<label value="User Field:" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="usrfld" ></checkbox>
</div>
<label value="Special Handling :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="sphandled" width="98%"></checkbox>
</row>
</rows>
</grid>
<grid id="chkboxfiltergrid" height="null" sizedByContent="true">
<columns>
<column width="10%"/>
<column width="15%"/>
<column width="8%"/>
<column width="10%"/>
<column width="8%"/>
<column width="23%"/>
</columns>
<rows id="chkboxrows">
<row width="100%">
<div id="divchk7">
<label value="Waivered :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="waiveredtoverify" ></checkbox>
</div>
<div id="divchk10">
<label value="Reprocess/Rejected :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="backtoverification" width="98%"></checkbox>
</div>
<label value="Rejected By :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<combobox id="authuser" width="100%" readonly="true" disabled="true"></combobox>
<div id="divchk11">
<label value="Hold :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<checkbox id="refered" width="98%"></checkbox>
</div>
<div width="100%">
<label value="Instrument Lock Count :" style="color: blue; font-weight:bold;font-size:12px;font-style:Trebuchet MS;"></label>
<intbox id="lockbox" maxlength ="4" width="30%" ></intbox>
</div>
</row>
</rows>
</grid>
<vbox>
<div height="10%" width="20%" >
<hbox width="100%" height="100%">
<space bar="false" spacing="5px"></space>
<panel title="Available Order By" width="200px" height="210px">
<panelchildren>
<listbox id="left" height="100%" checkmark="true">
<listitem label="Cheque Number" id="ord1"/>
<listitem label="Account Number" id="ord2" />
<listitem label="Branch Number" id="ord3"/>
<listitem label="Product Code" id="ord4"/>
<listitem label="Sequence Number" id="ord5"/>
<listitem label="Amount" id="ord6"/>
</listbox>
</panelchildren>
</panel>
<space bar="false" spacing="20px"></space>
<panel width="120px" height="210px">
<panelchildren class="actionColumn">
<vbox align="center">
<separator height="30px"/>
<button id="addasc" label="Add Asc >>" tooltiptext="Add Ascending" width ="110px" mold = "trendy"> </button>
<separator height="10px"/>
<button id="adddesc" label="Add Desc >>" tooltiptext="Add Descending" width ="110px" mold = "trendy"> </button>
<separator height="10px"/>
<button id="remove" label="<< Remove" tooltiptext="Remove" width ="110px" mold = "trendy"> </button>
<separator height="10px"/>
<button id="removeall" label="<< Remove All" tooltiptext="Remove All" width ="110px" mold = "trendy"> </button>
</vbox>
</panelchildren>
</panel>
<panel title="Selected Order By" width="215px" height="210px">
<panelchildren>
<listbox id="right" height="100%" checkmark="true">
<listitem>
</listitem>
</listbox>
</panelchildren>
</panel>
<space bar="false" spacing="50px"></space>
<panel width="460px" height="210px">
<panelchildren class="actionColumn">
<vbox>
<div height="130px"></div>
<hbox pack="center" align="center">
<separator height="10px"/>
<button id="rangeokbtn" mold = "trendy" label="OK" tooltiptext="Proceed"> </button>
<separator height="10px"/>
<button id="unlockbtn" mold = "trendy" label="Release Locked" tooltiptext="Unlock Record(s)"> </button>
<label style="color: red;font-weight:bold;font-size:12px;font-style:Trebuchet MS;" value="No. of Records Locked = " ></label>
<label style="color: red; font-weight:bold;font-size:12px;font-style:Trebuchet MS;" id="lockedinstlabel" value="00" ></label>
</hbox>
</vbox>
</panelchildren>
</panel>
</hbox>
</div>
</vbox>
</div>
</south>
</borderlayout>
</window>
</zk>
TestComposer.javajavaimport org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;
public class TestComposer extends GenericForwardComposer{
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
public void onClick$btn(Event e) throws InterruptedException{
Messagebox.show("Hi btn");
}
}