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 :
Another new ZK fiddle
1guest172.71.102.2301fgjpg9May 1, 2024 11:20:42 AMlinkbasic upload button
37guest172.68.31.1503nocidtApr 30, 2024 6:00:06 PMlinkbasic upload button
36guest172.68.31.1513nocidtApr 30, 2024 5:59:30 PMlinklistbox styles
35guest162.158.129.2261nctej6Apr 30, 2024 2:19:32 PMlinkcombobox width
14guest172.69.11.155jndu8mApr 29, 2024 6:25:05 PMlinkcombobox popup width
3guest172.71.234.16775d532Apr 29, 2024 2:00:04 PMlinkBarcodescanner use in Modal Window (with constraint)
2guest172.71.246.120tcutf2Apr 26, 2024 1:52:52 PMlinkBarcodescanner use in Modal Window (with constraint)
1guest172.71.246.120tcutf2Apr 26, 2024 1:52:28 PMlinkBarcodescanner use in Modal Window (with constraint)
1guest162.158.87.361sd60hgApr 26, 2024 1:40:19 PMlinkSimple Tree
3guest172.70.162.811cm49soApr 26, 2024 11:34:34 AMlinkprint certain portion of a page
1guest203.193.148.992e9fec6May 24, 2016 7:10:58 AMlinkresources
index.zulzul<zk xmlns:w="client">
<script><![CDATA[
function printme(obj,id,height,width) {
DispWin = window.open('', '', 'toolbar=no,memubar=no,status=no,fullscreen=yes');
DispWin.document.write('<html><head><title>Print Preview</title>');
for(var i=0;i<document.styleSheets.length;i++){
if(document.styleSheets[i].href != null) {
DispWin.document.write('<link rel="stylesheet" type="text/css" href="'+document.styleSheets[i].href+'">');
}
}
DispWin.document.write('</head>');
DispWin.document.write('<body>');
DispWin.document.write($(obj.$f(id)).formhtml());
DispWin.document.write('<p><input type="button" value="Print This Page" onclick="print()"/></p>');
DispWin.document.write('</body></html>');
DispWin.document.close();
}
(function($) {
var oldHTML = $.fn.html;
$.fn.formhtml = function() {
if (arguments.length) return oldHTML.apply(this,arguments);
$("input,button", this).each(function() {
this.setAttribute('value',this.value);
this.setAttribute('readonly',true);
});
$("textarea", this).each(function() {
// updated -
this.innerHTML = this.value;
});
$("input:radio,input:checkbox", this).each(function() {
// im not really even sure you need to do this for "checked"
// but what the heck, better safe than sorry
if (this.checked) this.setAttribute('checked', 'checked');
else this.removeAttribute('checked');
});
$("option", this).each(function() {
// also not sure, but, better safe...
if (this.selected) this.setAttribute('selected', 'selected');
else this.removeAttribute('selected');
});
return oldHTML.apply(this);
};
//optional to override real .html() if you want
// $.fn.html = $.fn.formhtml;
})(jQuery);
]]></script>
<window border="normal" id="addVendorWinId" height="100%" title="hello">
<vlayout height="80%">
<tabbox>
<tabs>
<tab label="Company" id="companyInfoTab"></tab>
<tab label="Contact" id="contactInfoTab"></tab>
<tab label="Shipping" id="shippingInfoTab"></tab>
</tabs>
<tabpanels>
<tabpanel id="companyInfoPane" style="border: 1px">
<vlayout height="80%">
<hlayout>
<button label="print" height="40px" width="50px">
<attribute w:name="onClick">
printme(this,'addVendorWinId',500,800);
</attribute>
</button>
</hlayout>
<hlayout>
company info form
</hlayout>
</vlayout>
</tabpanel>
<tabpanel id="contactInfoPanel" style="border: 1px">
<vlayout height="80%">
<hlayout>
<button label="print" height="40px" width="50px">
<attribute w:name="onClick">
printme(this,'addVendorWinId',500,800);
</attribute>
</button>
</hlayout>
<hlayout>
contact info form
</hlayout>
</vlayout>
</tabpanel>
<tabpanel id="hippingInfoPanel" style="border: 1px">
<!--
suppose you are include another zul(shippinginfo.zul) file that contains print button
and info that you want print.
To print this whole page with shipping info when we are on shipping info tab, how can pass
this object of this zul(index.zul) in print function called in shippinginfo.zul because
jquery $(obj.$f(id)).formhtml() can build source code(html) of index.zul including shipping info.
if anyother way to solve this issue , plz solve. and reploy on facebook zkoss group.
-->
<include src="shippinginfo.zul"/>
</tabpanel>
</tabpanels>
</tabbox>
</vlayout>
</window>
</zk>shippinginfo.zulzul<zk xmlns:w="client">
<window border="normal" title="hello" >
<vlayout height="80%">
<hlayout>
<button label="print" height="40px" width="50px">
<attribute w:name="onClick">
printme(this,'addVendorWinId',500,800);
</attribute>
</button>
</hlayout>
<hlayout>
shipping info form
</hlayout>
</vlayout>
</window>
</zk>