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

textbox + javascript

157guest172.71.218.652l542ahMar 19, 2023 9:45:25 AMlink

resources

index.zulzul<zk> <window xmlns:w="http://www.zkoss.org/2005/zk/client" width="740px"> <textbox id="message" multiline="true" width="540px" height="150px"> <attribute w:name="onKeyUp"><![CDATA[ var val = this.getInputNode().value, cleanList = [], tempList = val.split('\n'); for (var i=0; i<tempList.length;i++) { var cleanS = tempList[i].substring(0,4); cleanList.push(cleanS); } if (cleanList.length > 5) { cleanList.pop(); //remove last line } this.setValue(cleanList.join('\n')); zk.log(cleanList); w = $(this).css('width'); ]]></attribute> </textbox> </window> </zk>test.zulzul<?xml version="1.0" encoding="UTF-8"?> <?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?> <?page title="${c:l('appName')}" ?> <?link rel="shortcut icon" type="image/x-icon" href="pages/images/applicationIcon.ico"?> <zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd"> <script type="text/JavaScript"> <![CDATA[ function Boot_progressbox(id, msg, x, y, r,a) { //alert ("Boot_progressbox(b,h,q,p,r,a)..."); b = id; h= msg; p=0; q=0; r= true; a = true; var l='<div id="'+b+'"'; var i=zk.innerX(),g=zk.innerY(); if(r){ if(zk._ctpgs.length){ for(var o=zk._ctpgs.length,m=$e(zk._ctpgs[--o]);m;m=$e(zk._ctpgs[--o])){ zk.applyMask(m); } return; } l+='><div id="zk_mask" class="z-modal-mask" style="display:block;left:'+i+"px;top:"+g+'px;" z.x="'+i+'" z.y="'+g+'"></div><div'; }else{ l+="><div"; } if(typeof q!="string"||q.indexOf("%")==-1){ q+="px"; } if(typeof p!="string"||p.indexOf("%")==-1){ p+="px"; } l+=' id="zk_loading" class="z-loading" style="left:'+q+";top:"+p+';visibility: hidden;" z.x="'+i+'" z.y="'+g+'"><div class="z-loading-indicator" style="height:30px;"><span class="z-loading-icon z-inline-block" alt="..."></span> '+h+"</div></div></div>"; var f=document.createElement("DIV"); document.body.appendChild(f); zk._setOuterHTML(f,l); if(r){ var k=$e("zk_mask"); zk.listen(k,"mousemove",Event.stop); zk.listen(k,"click",Event.stop); } var d=$e("zk_loading"); if(a){ if(d){ d.style.left=zk.px((zk.innerWidth()-d.offsetWidth)/2+i,true); d.style.top=zk.px((zk.innerHeight()-d.offsetHeight)/2+g-200,true); d.style.height=zk.px(45,true); setZKAttr(d,"x",i); setZKAttr(d,"y",g); } } zk.cleanVisibility(d); return $e(b); } var isInstalled = false; var downloadLink="oanh hello"; var browserName=""; function detectPDF1(obj,obj2){ detect(); alert ("Loading..."); setTimeout("setValue(" + obj + "," + downloadLink + ")", 3000); //setValue(obj,downloadLink); } function setValue(obj,value) { //var sssval = "Time: "+(new Date()); obj.value = value; if (document.createEvent) { var evt = document.createEvent('HTMLEvents'); evt.initEvent( 'blur', false, false); obj.dispatchEvent(evt); var evt2 = document.createEvent('HTMLEvents'); evt2.initEvent( 'change', false, false); obj.dispatchEvent(evt2); } else if (document.createEventObject) { obj.fireEvent('onblur'); obj.fireEvent('onchange'); } } function detectPDF(obj,obj2){ detect(); //if (confirm("Your browser doesn't have Adobe PDF Plug-in installed. Do you want to install it?")){ // window.location.href = downloadLink; //} //alert ("Loading..."); // if (isInstalled==false){ // obj.focus(); setValue(obj,downloadLink); setValue(obj2,browserName); } // } function onDetectPDF2(e,obj){ if(e.keyCode!=13){ alert (e.keyCode + ""); }else{ detectPDF(obj); } } function detect(){ //setTimeout("detect()", 5000); browserName=navigator.appName; var b_version=navigator.appVersion; var version=parseFloat(b_version); var version = null; if (window.ActiveXObject) { //Microsoft Internet Explorer downloadLink="http://adobe-reader.software.informer.com"; var control = null; try { // AcroPDF.PDF is used by version 7 and later control = new ActiveXObject('AcroPDF.PDF'); } catch (e) { // Do nothing } if (!control) { try { // PDF.PdfCtrl is used by version 6 and earlier control = new ActiveXObject('PDF.PdfCtrl'); } catch (e) { return; } } if (control) { isInstalled = true; version = control.GetVersions().split(','); version = version[0].split('='); version = parseFloat(version[1]); } } else { //Netscape downloadLink="http://www.adobe.com/go/gntray_dl_get_reader"; // Check navigator.plugins for "Adobe Acrobat" or "Adobe PDF Plug-in"* if (navigator.plugins && navigator.plugins.length) { for (x=0; x<navigator.plugins.length;x++) { //alert(navigator.plugins[x].description + ";" + navigator.plugins[x].name); if (navigator.plugins[x].description.indexOf('Adobe Acrobat')!= -1 || navigator.plugins[x].name.indexOf('Adobe Acrobat')!= -1 || navigator.plugins[x].description.indexOf('Adobe PDF Plug-in')!= -1 || navigator.plugins[x].name.indexOf('Adobe PDF Plug-in')!= -1 ){ isInstalled=true; return;//document.write("Tim thay"); } } } } return isInstalled; } ]]> </script> <zscript><![CDATA[ import com.ezitsol.ezedocs.license.WebViewLicense; WebViewLicense instance = WebViewLicense.getInstance(); // we should call this function everytime we access the login page ?????? instance.init(); applicationScope.put("licenseStatus", new Integer(instance.licenseStatus)); applicationScope.put("licenseMessage", instance.getLicenseMessage()); System.out.println("license status :" + instance.licenseStatus); System.out.println("license message:" + instance.getLicenseMessage()); ]]></zscript> <style src="/pages/css/AllCss.css" /> <borderlayout style="min-height:250px;min-width:400px;overflow:auto;"> <north border="none" size="10%"> <textbox id="detectPDF" value="" style="border:none;background:none;background:transparent;color:white;"/> <!--<include src="/pages/layout/header.zul" /> --></north> <center border="none" flex="true"> <hbox width="100%" widths="50%,368px,50%" > <textbox id="browserName" value="" style="border:none;background:none;background:transparent;color:white;"/> <window id="logWin" width="368px" height="218px" xmlns:h="http://www.w3.org/1999/xhtml" use="com.ezitsol.ezedocs.security.JaasLoginController" onCreate='userName.focus(); sessionScope.put("pdfPluginURL", detectPDF.getValue()); sessionScope.put("browserName", browserName.getValue());' contentStyle="background-image:url(pages/images/bg_login.gif);" > <attribute if="${applicationScope.licenseStatus == 2}" name="onOK"> userName.setFocus(true); <![CDATA[ login(); //sessionScope.put("pdfPluginURL", detectPDF.getValue()); ]]></attribute> <zscript> <![CDATA[ import org.zkoss.web.Attributes; import java.util.Locale; void doChangeLanguage(String value) { //alert(value); Locale locale = org.zkoss.util.Locales.getLocale("vi"); sessionScope.setAttribute(Attributes.PREFERRED_LOCALE, locale); } ]]> </zscript> <div align="left" height="180px"> <window border="none" height="95px" /> <vbox spacing="18" visible="${applicationScope.licenseStatus == 2}"> <hbox width="368px" widths="30px,80px,*"> <label /> <div style="padding-top:3px;" > <label value="${c:l('lgin.lbl.username')}:" height="20px" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;" /> </div> <div align="left"> <textbox id="userName" sclass="input" value="javi02" xmlns:w="client" w:onFocus="this.detectPDF(detectPDF,browserName)" style="width:120px; font-family:Arial, Helvetica, sans-serif; font-size:12px;" constraint="no empty:Empty is not allowed. Please fill in this field." /> </div> </hbox> <!-- action="onfocus:detectPDF(#{detectPDF},#{browserName});" xmlns:w="client" w:onFocus="detectPDF(#{detectPDF},#{browserName});" --> <hbox width="368px" widths="30px,80px,*"> <label /> <div align="left" style="padding-top:3px"> <label value="${c:l('lgin.lbl.password')}:" height="20px" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;" /> </div> <div align="left"> <textbox id="password" sclass="input" type="password" value="trong68" style="width:120px; font-family:Arial, Helvetica, sans-serif; font-size:12px;" constraint="no empty:Empty is not allowed. Please fill in this field." /> </div> </hbox> <!-- <hbox spacing="65px" width="100%" widths="48%,26%,26%"> --> <hbox width="368px" widths="113px,70px,*"> <label /> <image visible="${applicationScope.licenseStatus == 2}" src="/pages/images/button/login.gif" style="cursor: pointer;"> <!-- action="onclick:detectPDF(#{detectPDF});"> --> <attribute name="onClick"><![CDATA[ login(); //sessionScope.put("pdfPluginURL", detectPDF.getValue()); ]]></attribute> </image> <image visible="${applicationScope.licenseStatus == 2}" src="/pages/images/button/reset.gif" onClick="reset()" style="cursor: pointer;"/> </hbox> </vbox> </div> <div align="center" > <label value="${applicationScope.licenseMessage}" style="color:red; font-size:15px; font-style:italic;font-weight:bold;" /> </div> <zscript src="/pages/zs/login.zs" /> </window> <label/> </hbox> </center> <south border="none"> <include src="/pages/layout/footer.zul" /> </south> </borderlayout> </zk>