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 :

frozen scroll

1guest172.69.33.373j82a06Mar 28, 2024 8:03:44 AMlink

Gmarker and forEach

1guest172.68.67.1362lpvk1hMar 28, 2024 7:29:50 AMlink

Gmaps

1guest172.68.67.1363dvghg5Mar 28, 2024 7:28:20 AMlink

grid demo

5guest172.71.158.2371grhhu3Mar 27, 2024 7:46:36 AMlink

grid demo

4guest172.71.158.2371grhhu3Mar 27, 2024 7:46:25 AMlink

grid demo

3guest172.71.154.181grhhu3Mar 27, 2024 7:44:16 AMlink

grid demo

2guest172.71.154.181grhhu3Mar 27, 2024 7:43:58 AMlink

grid demo

1guest172.71.154.191grhhu3Mar 27, 2024 7:42:54 AMlink

Scrollable Panel

13guest172.69.223.193ctlblaMar 27, 2024 5:31:21 AMlink

Scrollable Panel

12guest172.69.223.194ctlblaMar 27, 2024 5:30:56 AMlink

Validation Driver v2

78DavidTRegenstrief149.163.158.179177vni2Oct 27, 2016 3:37:08 PMlink

resources

index.zulzul<zk> <window border="normal" title="Rave Event Driver" > <vlayout spacing="15px" hflex="1" vflex="1" > <!-- apply="${pkg$.ValidationDriverController}" > --> <div>This is the Rave Event Driver - Use this to test rules targeting CDS in the Rave.</div> <label>Patient Age</label><textbox id="patage"/> <label>Patient Gender</label><radiogroup id="patgender"> <radio id="male" label="Male"/> <radio id="female" label="Female"/> <radio id="other" label="Other" /> </radiogroup> <label>Patient Location</label><combobox id="patlocation"> <comboitem label="Outpatient Clinic Westside"/> <comboitem label="Outpatient Clinic Eastside"/> <comboitem label="Memorial Hospital 3rd Floor"/> </combobox> <label>Username:</label><textbox id="username"/> <label>User Role:</label><combobox id="userrole"> <comboitem label="Doctor"/> <comboitem label="Nurse"/> <comboitem label="Medical Assistant"/> <comboitem label="Pharmacist"/> </combobox> <label>User Specialty</label><combobox id="userspecialty"> <comboitem label="Doctor"/> <comboitem label="Nurse"/> <comboitem label="Medical Assistant"/> <comboitem label="Pharmacist"/> </combobox> <label>User Location</label><combobox id="userlocation"> <comboitem label="Outpatient Clinic Westside"/> <comboitem label="Outpatient Clinic Eastside"/> <comboitem label="Memorial Hospital 3rd Floor"/> </combobox> <tabbox id="tb" width="100%" height="380px" mold="accordion"> <tabs> <tab label="HL7 Events" /> <tab label="UI Events" /> <tab label="Wonderbar Events" /> </tabs> <tabpanels> <tabpanel> <include src="hl7eventdrv.zul"/> </tabpanel> <tabpanel> <include src="uieventdrv.zul"/> </tabpanel> <tabpanel> <include src="wonderbareventdrv.zul"/> </tabpanel> </tabpanels> </tabbox> </vlayout> </window> </zk> RaveHL7EventDriverComposer.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 RaveHL7EventDriverComposer extends GenericForwardComposer{ Combobox hl7event; Textbox hl7content; public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$sendHL7Event(Event e) throws InterruptedException{ Messagebox.show("Hi HL7 Sent " + hl7event.getValue() + " with \n" + hl7content.getValue() ); } } hl7eventdrv.zulzul<zk> <vlayout spacing="15px" apply="pkg$.RaveHL7EventDriverComposer"> <vbox spacing="15px"> <combobox id="hl7event"> <comboitem label="ADT"/> <comboitem label="ORD"/> <comboitem label="ORU"/> <comboitem label="ORM"/> </combobox> <textbox id="hl7content" rows="5" width="100%"/> <button id="sendHL7Event">Send HL7 Event to CDS Service</button> </vbox> </vlayout> </zk> uieventdrv.zulzul<zk> <vlayout spacing="15px" apply="pkg$.RaveUIEventDriverComposer"> <vbox spacing="15px"> <combobox id="uievent"> <comboitem label="Patient Selected"/> <comboitem label="Patient Deselected"/> <comboitem label="Encounter Signed"/> <comboitem label="New Encounter"/> </combobox> <textbox id="eventcontent" rows="5" width="100%"/> <button id="sendUIEvent">Send UI Event to CDS Service</button> </vbox> </vlayout> </zk> RaveUIEventDriverComposer.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 RaveUIEventDriverComposer extends GenericForwardComposer{ Combobox uievent; Textbox eventcontent; public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$sendUIEvent(Event e) throws InterruptedException{ Messagebox.show("Hi UI Sent " + uievent.getValue() + " with \n" + eventcontent.getValue() ); } }wonderbareventdrv.zulzul<zk> <vlayout spacing="15px" apply="pkg$.RaveWonderbarEventDriverComposer"> <vbox spacing="15px"> <combobox id="wbevent"> <comboitem label="Medication Orderable Selected"/> <comboitem label="Medication Orderable Saved"/> <comboitem label="Procedure Selected"/> <comboitem label="Procedure Saved"/> <comboitem label="Questionnaire Selected"/> <comboitem label="Questionnaire Saved"/> </combobox> <div id="medSelected" visible="false"> <groupbox> <caption>Medication Selected - Choose Concept Only</caption> <hbox><label>Medication Selected:</label><textbox id="medicationSelected"/></hbox> </groupbox> </div> <div id="medSaved" visible="false"> <groupbox > <caption>Medication Saved - Add Reason and Dose + Units</caption> <hbox><label>Medication Selected:</label><textbox id="medicationSaved"/></hbox> <hbox><label>Reason</label><textbox id="medReason"/></hbox> <hbox><label>Dose + Units</label><textbox id="medDose"/><textbox id="medDoseUnits"/></hbox> </groupbox> </div> <div id="procSelected" visible="false"> <groupbox> <caption>Procedure Selected - Choose Concept Only</caption> <hbox><label>Procedure Selected:</label><textbox id="procedureSelected"/></hbox> </groupbox> </div> <div id="procSaved" visible="false"> <groupbox > <caption>Procedure Saved - Add Reason and Dose</caption> <hbox><label>Procedure Saved:</label><textbox id="procedureSaved"/></hbox> <hbox><label>Reason</label><textbox id="procReason"/></hbox> </groupbox> </div> <div id="questSelected" visible="false"> <groupbox> <caption>Questionnaire Selected - Choose Concept Only</caption> <hbox><label>Questionnaire Selected:</label><textbox id="questionnaireSelected"/></hbox> </groupbox> </div> <div id="questSaved" visible="false"> <groupbox > <caption>QuestionnaireSaved - Add Response</caption> <hbox><label>Questionnaire Saved:</label><textbox id="questionnaireSaved"/></hbox> <hbox><label>Questionnaire Response Saved:</label><textbox id="questionnaireResponse"/></hbox> </groupbox> </div> <button id="sendWBEvent">Send Wonderbar Event to CDS Service</button> <html id="htmlResult"><div>something here</div></html> </vbox> </vlayout> </zk>RaveWonderbarEventDriverComposer.javajava import 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 RaveWonderbarEventDriverComposer extends GenericForwardComposer{ Combobox wbevent; Textbox eventcontent; Div medSelected; Div medSaved; Div procSelected; Div procSaved; Div questSelected; Div questSaved; Textbox medicationSelected; Textbox medicationSaved; Textbox medReason; Textbox medDose; Textbox medDoseUnits; Textbox procedureSelected; Textbox procedureSaved; Textbox procReason; Textbox questionnaireSelected; Textbox questionnaireSaved; Textbox questionnaireResponse; Html htmlResult; public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$sendWBEvent(Event e) throws InterruptedException{ String eventType = wbevent.getValue(); if ( "Medication Orderable Selected".equalsIgnoreCase(eventType)) { //Messagebox.show("Hi UI Sent " + wbevent.getValue() + " with \n" + medicationSelected.getValue() ); htmlResult.setContent("Hi UI Sent " + wbevent.getValue() + " with \n" + medicationSelected.getValue()); } else if ( "Medication Orderable Saved".equalsIgnoreCase(eventType)) { Messagebox.show("Hi UI Sent " + wbevent.getValue() + " with \n" + medicationSaved.getValue() + " reason=" + medReason.getValue() + " dose: " + medDose.getValue() + " " + medDoseUnits.getValue()); } else if ( "Procedure Selected".equalsIgnoreCase(eventType)) { Messagebox.show("Hi UI Sent " + wbevent.getValue() + " with \n" + procedureSelected.getValue() ); } else if ( "Procedure Saved".equalsIgnoreCase(eventType)) { Messagebox.show("Hi UI Sent " + wbevent.getValue() + " with \n" + procedureSaved.getValue() + " reason=" + procReason.getValue() ); } else if ( "Questionnaire Selected".equalsIgnoreCase(eventType)) { Messagebox.show("Hi UI Sent " + wbevent.getValue() + " with \n" + questionnaireSelected.getValue() ); } else if ( "Questionnaire Saved".equalsIgnoreCase(eventType)) { Messagebox.show("Hi UI Sent " + wbevent.getValue() + " with \n" + questionnaireSaved.getValue() + " response=" + questionnaireResponse.getValue() ); } } public void onChange$wbevent(Event e) throws InterruptedException{ medSelected.setVisible(false); medSaved.setVisible(false); procSelected.setVisible(false); procSaved.setVisible(false); questSelected.setVisible(false); questSaved.setVisible(false); String eventType = wbevent.getValue(); if ( "Medication Orderable Selected".equalsIgnoreCase(eventType)) { medSelected.setVisible(true); } else if ( "Medication Orderable Saved".equalsIgnoreCase(eventType)) { medSaved.setVisible(true); } else if ( "Procedure Selected".equalsIgnoreCase(eventType)) { procSelected.setVisible(true); } else if ( "Procedure Saved".equalsIgnoreCase(eventType)) { procSaved.setVisible(true); } else if ( "Questionnaire Selected".equalsIgnoreCase(eventType)) { questSelected.setVisible(true); } else if ( "Questionnaire Saved".equalsIgnoreCase(eventType)) { questSaved.setVisible(true); } } } usereventdrv.zulzul<zk> <vlayout spacing="15px" apply="pkg$.RaveUserEventDriverComposer"> <vbox spacing="15px"> <label>Username:</label><textbox id="username"/> <label>User Role:</label><combobox id="userrole"> <comboitem label="Doctor"/> <comboitem label="Nurse"/> <comboitem label="Medical Assistant"/> <comboitem label="Pharmacist"/> </combobox> <label>User Specialty</label><combobox id="userspecialty"> <comboitem label="Doctor"/> <comboitem label="Nurse"/> <comboitem label="Medical Assistant"/> <comboitem label="Pharmacist"/> </combobox> <label>User Location</label><combobox id="userlocation"> <comboitem label="Outpatient Clinic Westside"/> <comboitem label="Outpatient Clinic Eastside"/> <comboitem label="Memorial Hospital 3rd Floor"/> </combobox> </vbox> </vlayout> </zk> patienteventdrv.zulzul<zk> <vlayout spacing="15px" apply="pkg$.RavePatientEventDriverComposer"> <vbox spacing="15px"> <label>Patient Age</label><textbox id="patage"/> <label>Patient Gender</label><radiogroup id="patgender"> <radio id="male" label="Male"/> <radio id="female" label="Female"/> <radio id="other" label="Other" /> </radiogroup> <label>Patient Location</label><combobox id="patlocation"> <comboitem label="Outpatient Clinic Westside"/> <comboitem label="Outpatient Clinic Eastside"/> <comboitem label="Memorial Hospital 3rd Floor"/> </combobox> </vbox> </vlayout> </zk> RaveUserEventDriverComposer.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 RaveUserEventDriverComposer extends GenericForwardComposer{ public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$btn(Event e) throws InterruptedException{ Messagebox.show("Hi btn"); } } RavePatientEventDriverComposer.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 RavePatientEventDriverComposer extends GenericForwardComposer{ public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$btn(Event e) throws InterruptedException{ Messagebox.show("Hi btn"); } } ValidationDriverController.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 ValidationDriverController extends GenericForwardComposer{ public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$btn(Event e) throws InterruptedException{ Messagebox.show("Hi btn"); } }