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 :
Invoke java method from javascript client
82guest172.68.253.1333jau9shMay 6, 2024 1:20:30 PMlinkfont awesome effects
247guest172.70.57.24120t2jmoMay 6, 2024 8:42:46 AMlinkexplicit notify change no longer triggers apply rerender
2cor3000172.71.139.163b8geptMay 6, 2024 5:55:56 AMlinkexplicit notify change no longer triggers apply rerender
1cor3000172.71.139.162b8geptMay 6, 2024 5:54:54 AMlinkCustomized Menupopup On Grid Header
5hiepgau172.71.211.10gig0j7May 4, 2024 5:33:29 AMlinkAnother new ZK fiddle
4hiepgau172.68.225.142gig0j7May 4, 2024 5:31:25 AMlinkAnother new ZK fiddle
3hiepgau172.71.218.113gig0j7May 3, 2024 11:46:46 PMlinkAnother new ZK fiddle
2hiepgau162.158.178.201gig0j7May 3, 2024 11:40:57 PMlinkAnother new ZK fiddle
1hiepgau162.158.179.103gig0j7May 3, 2024 10:49:45 PMlinkcustom menu on grid
7hiepgau172.71.214.52261rcaiMay 3, 2024 9:27:35 PMlinkGetPathIssues2
12rickcr71.180.136.653fdqtmjMar 15, 2013 6:45:31 PMlinkresources
index.zulzul<?page title="Test Get Path" id="mainPage"?>
<zk>
<window border="none" apply="org.zkoss.bind.BindComposer" id="mainWindow"
viewModel="@id('vm') @init('pkg$.MenuVM')" width="100%" height="100%">
<borderlayout height="100%">
<north size="67px" border="none"><div>NORTH</div></north>
<center border="none">
<div id="outer"><div height="100%" width="100%" id="contentSection"></div></div>
</center>
<west size="200px">
<vlayout>
<a label="Report Builder" onClick="@command('onShowContent',page='reportBuilder.zul')"/>
<a label="Page B" onClick="@command('onShowContent',page='pageB.zul')"/>
</vlayout>
</west>
</borderlayout>
</window>
</zk>MenuVM.javajavaimport org.zkoss.bind.BindUtils;
import org.zkoss.bind.annotation.BindingParam;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.NotifyChange;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.Executions;
import org.zkoss.zk.ui.Path;
public class MenuVM {
@Command
public void onShowContent(@BindingParam("page") String page) {
//note why can't you use /mainWindow/outer/contentSection
Component comp = Path.getComponent("/mainWindow/contentSection");
comp.getChildren().clear();
Executions.createComponents(page, comp, null);
if (page.equals("reportBuilder.zul")) {
BindUtils.postGlobalCommand(null, null, "loadContent", null);
}
}
}reportBuilder.zulzul<div id="reportBuilder" apply="org.zkoss.bind.BindComposer" height="100%" width="100%"
viewModel="@id('vm') @init('pkg$.ReportBuilderVM')">
<div id="reportPageContent" height="100%" width="100%"><div>STUFF REPLACED WITH REPORT</div></div>
</div>pageB.zulzul<div>Page B</div>ReportBuilderVM.javajava
import org.zkoss.bind.annotation.ContextParam;
import org.zkoss.bind.annotation.ContextType;
import org.zkoss.bind.annotation.AfterCompose;
import org.zkoss.bind.annotation.GlobalCommand;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.Executions;
import org.zkoss.zk.ui.Path;
import org.zkoss.zk.ui.select.Selectors;
import org.zkoss.zhtml.Messagebox;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.select.annotation.Wire;
public class ReportBuilderVM {
@Wire("#reportPageContent")
Component reportPageContent;
@AfterCompose
public void afterCompose(@ContextParam(ContextType.VIEW) Component view){
Selectors.wireComponents(view, this, false);
}
@GlobalCommand
public void loadContent() {
reportPageContent.getChildren().clear();
Executions.createComponents("report.zul", reportPageContent, null);
}
}
report.zulzul<div>YEA! The Report</div>