Processing...

Suggested case list:

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

identify firefox or not in server side

1TonyQ198.203.175.1751nv2qreDec 10, 2011 4:25:04 AMlink

ZK addThis integration

1TonyQ198.203.175.1751apl96jNov 5, 2011 4:12:50 AMlink

Latest 10 Fiddles :

Disable client validation on blur MVVM

40guest172.69.254.13410ijfujFeb 27, 2020 9:46:04 AMlink

Disable client validation on blur MVVM

39guest172.69.254.13410ijfujFeb 27, 2020 9:45:06 AMlink

Disable client validation on blur MVVM

38guest172.69.254.13410ijfujFeb 27, 2020 9:42:32 AMlink

Disable client validation on blur MVVM

37guest172.69.254.13410ijfujFeb 27, 2020 9:37:14 AMlink

Disable client validation on blur MVVM

36guest172.69.254.13410ijfujFeb 27, 2020 9:35:43 AMlink

Disable client validation on blur MVVM

35guest172.69.254.13410ijfujFeb 27, 2020 9:35:02 AMlink

Disable client validation on blur MVVM

34guest172.69.254.13410ijfujFeb 27, 2020 9:33:39 AMlink

Disable client validation on blur MVVM

33guest172.69.254.13410ijfujFeb 27, 2020 7:35:33 AMlink

ListboxCeRod

4guest108.162.246.19726euevbFeb 27, 2020 5:56:01 AMlink

Another new ZK fiddle

5guest108.162.246.197rsmofrFeb 27, 2020 5:52:31 AMlink

Another new ZK fiddle

1guest223.196.161.10122ka9q4Jan 18, 2020 7:51:30 PMlink

resources

index.zulzul<?page title="new page title" contentType="text/html;charset=UTF-8"?> <zk> <style src="/css/errorMsgs.css" /> <style src="/css/HealthInsurance.css" /> <div id="p" use="com.pennant.insure.PolicyRegestrationController"> <div id="main" align="center"> <separator height="30px" /> <window id="pass" width="800px" height="250px" border="normal" > <label style="color: #2980B9 ; font-style:timesnewroman;font-size:25px;margin-right:470px;" value="Arogya Raksha"> </label> <borderlayout style="border-top: thin;margin-top: 15px;"> <west border="0" width="500px"> <listbox style="border:0"> <listitem> <listcell label="Free health check-up for every block of 3 claim free years.." /> </listitem> <listitem> <listcell label="Monthly Premium " style="color: #2980B9 ; font-style:timesnewroman;font-size:15px;" /> <listcell label=" ₹333 onwards" style="color:green; font-style:timesnewroman;font-size:15px;" /> </listitem> <listitem> <listcell label="Entry Age " style="color: #2980B9; font-style:timesnewroman;font-size:15px;" /> <listcell label=" 18 Years" style="color:green; font-style:timesnewroman;font-size:15px;" /> </listitem> </listbox> </west> <center style="border-top: thick;"> <vbox> <label style="color:green; font-style:timesnewroman;font-size:15px;" value="Benefits"> </label> <hbox> <listbox style="border:0"> <listitem> <listcell label=" * Cashless Claims" /> </listitem> <listitem> <listcell label=" * Save tax up to ₹15000**." /> </listitem> </listbox> </hbox> <button sclass="btn" label="Buy" id="i855877" onClick="pass.getplanid(self.getId());details.setVisible(true);main.setVisible(false)"> </button> </vbox> </center> </borderlayout> </window> <separator height="30px" /> <window id="pass1" width="800px" height="250px" border="normal" > <label style="color: #2980B9 ; font-style:timesnewroman;font-size:25px;margin-right:470px;" value="Kutumba Srayassu"> </label> <borderlayout style="border-top: thin;margin-top: 15px;"> <west border="0" width="500px"> <listbox style="border:0"> <listitem> <listcell label="Affordable Health Insurance cover on a floater basis. And Guaranteed lifetime renewals." /> </listitem> <listitem> <listcell label="Monthly Premium " style="color: #2980B9 ; font-style:timesnewroman;font-size:15px;" /> <listcell label=" ₹1444 onwards" style="color:green; font-style:timesnewroman;font-size:15px;" /> </listitem> <listitem> <listcell label="Entry Age " style="color: #2980B9; font-style:timesnewroman;font-size:15px;" /> <listcell label=" 24 Years" style="color:green; font-style:timesnewroman;font-size:15px;" /> </listitem> </listbox> </west> <center style="border-top: thick;"> <vbox> <label style="color:green; font-style:timesnewroman;font-size:15px;" value="Benefits"> </label> <hbox> <listbox style="border:0"> <listitem> <listcell label=" * No Sub-Limits " /> </listitem> <listitem> <listcell label=" * Get Tax Benefits" /> </listitem> </listbox> </hbox> <button sclass="btn" label="Buy " id="i855878" onClick="pass1.getplanid(self.getId());details.setVisible(true);main.setVisible(false)"> </button> </vbox> </center> </borderlayout> </window> <separator height="30px" /> <window id="pass2" width="800px" height="250px" border="normal" use="com.pennant.insure.PolicyRegestrationController"> <label style="color: #2980B9 ; font-style:timesnewroman;font-size:25px;margin-right:470px;" value="Cancer Suraksha"> </label> <borderlayout style="border-top: thin;margin-top: 15px;"> <west border="0" width="500px"> <listbox style="border:0"> <listitem> <listcell label="Conventional Treatments such as chemotherapy,radiotherapy,onco-surgery Advanced Treatments, such as targeted therapy,immunotherapy." /> </listitem> <listitem> <listcell label="Monthly Premium " style="color: #2980B9 ; font-style:timesnewroman;font-size:15px;" /> <listcell label=" ₹888 onwards" style="color:green; font-style:timesnewroman;font-size:15px;" /> </listitem> <listitem> <listcell label="Entry Age " style="color: #2980B9; font-style:timesnewroman;font-size:15px;" /> <listcell label=" 30 Years" style="color:green; font-style:timesnewroman;font-size:15px;" /> </listitem> </listbox> </west> <center style="border-top: thick;"> <vbox> <label style="color:green; font-style:timesnewroman;font-size:15px;" value="Benefits"> </label> <hbox> <listbox style="border:0"> <listitem> <listcell label=" * Covers Pre and Post Hospitalisation Expenses" /> </listitem> <listitem> <listcell label=" * Covers UpTo 500000 Lakhs" /> </listitem> </listbox> </hbox> <button sclass="btn" label="Buy" id="i855879" onClick="pass2.getplanid(self.getId());details.setVisible(true);main.setVisible(false)"> </button> </vbox> </center> </borderlayout> </window> </div> <window style="position: absolute;width: 78%;top:27px;left: 50.336px;" width="100%" height="100%" id="details" visible="false" > <div width="900px" height="900px" class="win" id="Register"> <label value="Personal Details" style="color:#075476;font-style:timesnewroman;font-size:25px;margin-left:-80%;border:0px"> </label> <grid class="grid" style="border:0px" > <columns> <column class="font" label="" width="200px" /> <column class="font" label="" width="200px" /> <column class="font" label="" width="200px" /> <column class="font" label="" width="200px" /> </columns> <rows> <row> <label class="font" value="First Name" width="150px" tabindex="1" /> <textbox class="font" id="firstname" width="180px" tabindex="1" constraint="no empty:must be filled,/^[a-zA-Z ]+$/ :use only Alphabet" /> <label class="font" value="Last Name" width="150px" tabindex="1" /> <textbox class="font" id="lastname" width="180px" tabindex="1" constraint="no empty:must be filled,/^[a-zA-Z ]+$/ :use only Alphabet" /> </row> <row> <label class="font" value="Father Name" width="150px" tabindex="1" /> <textbox class="font" id="fathername" width="180px" tabindex="1" constraint="no empty:must be filled,/^[a-zA-Z ]+$/ :use only Alphabet" /> <label class="font" value="Date Of Birth" width="150px" tabindex="1" /> <datebox class="font" id="dateofbirth" width="180px" tabindex="1" constraint="no future,no empty:must be filled" onChange="details.fun1()" /> </row> <row> <label class="font" value="Gender" width="150px" tabindex="1" /> <radiogroup id="gender"> <radio label="male" value="M"></radio> <radio label="Female" value="F"></radio> </radiogroup> </row> <row> <label class="font" value="Mobile" width="150px" tabindex="1" /> <longbox class="font" id="mobile" width="180px" maxlength="10" constraint="no empty" onChange="details.fun()" /> <label class="font" value="Email" width="150px" /> <textbox class="font" id="email" width="180px" constraint="/^[A-Za-z0-9_\-\.][email protected][A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/: Please enter an e-mail address in proper format" /> </row> <row> <label class="font" value="Income Source" width="150px" /> <combobox width="180px" id="incomesrc"> <comboitem label="employee" description="both Govt employees and Private employees" /> <comboitem label="Business" description="businesses from small scale to large scale" /> <comboitem label="Others" /> </combobox> <label class="font" value="Annual Income" width="150px" /> <intbox class="font" id="Anualincome" width="180px" tabindex="1" maxlength="10" format="#,##0.##" constraint="no empty" /> </row> <row> <label class="font" value="Aadhar Number" width="150px" /> <longbox class="font" id="aadharnumber" width="180px" tabindex="1" maxlength="14" format="#### #### ####" constraint="no empty:must be filled" /> <label class="font" value="Pancard Number" width="150px" /> <textbox class="font" id="Pancardnumber" placeholder="Ex:BIRPN3595B" width="180px" tabindex="1" maxlength="10" constraint="no empty,/^[A-Za-z]{5}\d{4}[A-Za-z]{1}/:Please Enter The Correct Format" style="text-transform:uppercase;" /> </row> <row> <label class="font" value="Address" width="150px" /> <cell colspan="2"> <textbox rows="6" class="font" height="100px" id="Address" width="300px" tabindex="11" /> </cell> </row> </rows> </grid> <div class="sss3" align="right"> <button label="back" onClick="main.setVisible(true);details.setVisible(false)"></button> <button id="next" onClick="details.personaldetails();Register.setVisible(false);insure.setVisible(true);health.policydetails()"> Next > </button> </div> </div> <div id="insure" > <div class="sss2" width="100%" id="health" height="100%" > <separator height="10%" /> <div width="480px" height="550px" class="win" id="Registers"> <div id="healthinsure"> <textbox id="planname" style="border:0px;font-size:25px; font-style:bold; align:left;color:#075476; " /> <grid class="grid" width="470px"> <columns> <column class="font" label="" width="200px" /> <column class="font" label="" width="200px" /> </columns> <rows> <row> <label class="font" value="Sum Assured" width="150px" tabindex="1" /> <intbox class="font" id="coveramt" width="150px" readonly="true" /> </row> <row> <label class="font" value="Tobacco" width="150px" tabindex="1" /> <radiogroup id="tobacco" onCheck="health.healthpremium()"> <radio label="Yes" value="1"></radio> <radio label="No" value="0" checked="true"> </radio> </radiogroup> </row> <row> <label class="font" value="Alcohol" width="150px" tabindex="1" /> <radiogroup id="alcohol" onCheck="health.healthpremium()"> <radio label="Yes" value="1"></radio> <radio label="No" checked="true" value="0"> </radio> </radiogroup> </row> <row> <label class="font" value="Premium Type" width="150px" tabindex="1" /> <combobox width="150px" id="premiumFreq" onChange="health.healthpremium()"> <comboitem label="monthly" description="money payment done by monthly" /> <comboitem label="yearly" description="money payment done by yearly" /> </combobox> </row> <row> <label class="font" value="Premium Amount" width="150px" tabindex="1" /> <decimalbox class="font" id="premiumamount" width="150px" readonly="true" /> </row> <row> <label class="font" value="Term" width="150px" tabindex="1" /> <intbox class="font" id="term" width="150px" readonly="true" /> </row> <row> <label class="font" value="Members Covered" width="150px" tabindex="1" /> <radiogroup id="memberscovered"> <radio label="Self" id="selff" onClick="click.setVisible(false)"> </radio> <radio label="Family" id="family" onClick="click.setVisible(true)"> </radio> </radiogroup> </row> </rows> </grid> <div id="click" border="1" width="900px" height="400px" class="win" visible="false" use="com.pennant.insure.Registrationcont"> + add button to enter family member details <button id="btn" onClick="click.place()"> + ADD </button> <vlayout id="col"></vlayout> <vlayout id="col1"></vlayout> </div> <div class="sss3" align="right"> <button label="back" onClick="Register.setVisible(true);insure.setVisible(false)"></button> <button id="pay" onClick="healthinsure.setVisible(false);documents.setVisible(true);"> Next </button> </div> </div> <div id="documents" visible="false"> <label value="Upload Documents" Style="color:#074576;font-size:25px; margin-left: -246px; font-family: unset;" /> <separator height="15px;" /> <grid> <rows> <row> <cell colspan="1" style="border-top:0px"> <label value="Photo" style="color:#075476; font-style:timesnewroman;font-size:15px;" /> </cell> <cell style="border-top:0px"> <button id="uploadBtn" label="Upload" onClick="health.photoUpload()" /> </cell> </row> <row> <cell colspan="1" style="border-top:0px"> <label value="Signature" style="color:#075476; font-style:timesnewroman;font-size:15px;" /> </cell> <cell style="border-top:0px"> <button id="uploadBtn1" label="Upload" onClick="health.SignatureUpload()" /> </cell> </row> <row> <cell colspan="1" style="border-top:0px"> <label value="Adhar Card" style="color:#075476; font-style:timesnewroman;font-size:15px;" /> </cell> <cell style="border-top:0px"> <button id="uploadBtn2" label="Upload" onClick="health.AdharUpload()" /> </cell> </row> <row> <cell colspan="1" style="border-top:0px"> <label value="Pan Card" style="color:#075476; font-style:timesnewroman;font-size:15px;" /> </cell> <cell style="border-top:0px"> <button id="uploadBtn3" label="Upload" onClick="health.PanCardUpload()" /> </cell> </row> <row> <cell colspan="1" style="border-top:0px"> <label value="Health Reports" style="color:#075476; font-style:timesnewroman;font-size:15px;" /> </cell> <cell style="border-top:0px"> <button id="uploadBtn4" label="Upload" onClick="health.HealthReportsUpload()" /> </cell> </row> </rows> </grid> <separator height="15px;" /> <button style="background-color:orange" onClick="health.healthInsurance();sucess.setVisible(true)"> Submit </button> </div> <div id="sucess" visible="false"> <label value="Thank YOu...!" /> <label value="Policy Registered Sucessfully. " /> <textbox id="policyid" style="border:0px;color:orange;font-size:18px" /> <a onClick="health.payments()"> Click Here for payment </a> </div> </div> </div> </div> </window> </div> <style> .z-column-content, .z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content { font-family: " Helvetica Neue ", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; color: rgba(0, 0, 0, 0.9); line-height: 3.3em; overflow: hidden; text-align: left; padding: 2px 3px; } </style> </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"); } }