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 :

Another new ZK fiddle

4guest115.254.63.503rsnu2qJul 23, 2019 3:15:35 PMlink

Another new ZK fiddle

3guest115.254.63.503rsnu2qJul 23, 2019 3:14:37 PMlink

Another new ZK fiddle

2guest115.254.63.503rsnu2qJul 23, 2019 3:13:58 PMlink

Another new ZK fiddle

1guest115.254.63.503rsnu2qJul 23, 2019 3:13:43 PMlink

Another new ZK fiddle

29guest116.68.96.203f7t904Jul 23, 2019 11:05:14 AMlink

Another new ZK fiddle

28guest116.68.96.203f7t904Jul 23, 2019 11:04:57 AMlink

Another new ZK fiddle

27guest116.68.96.203f7t904Jul 23, 2019 11:04:31 AMlink

Another new ZK fiddle

26guest116.68.96.203f7t904Jul 23, 2019 11:03:52 AMlink

Another new ZK fiddle

25guest116.68.96.203f7t904Jul 23, 2019 11:01:05 AMlink

Another new ZK fiddle

24guest116.68.96.203f7t904Jul 23, 2019 11:00:33 AMlink

Switch 2 tabs, doesn't register

1guest37.186.144.2542gmeisdJul 11, 2019 3:29:12 PMlink

resources

index.zulzul<zk> <window border="normal" viewModel="@id('vm') @init('pkg$.AppVM')" title="hello"> <button id="btn" label="Click to test" onClick="@command('testSwitch')"/> <tabbox id="tbx" model="@load(vm.tabInfos)" selectedTab="@bind(vm.selectedTab)" height="500px" width="500px"> <tabs id="tabs"> <template name="model:tab"> <tab label="@load(each.label)"/> </template> </tabs> <tabpanels style="border:0"> <template name="model:tabpanel"> <tabpanel vflex="1" hflex="1" style="overflow:auto;border-width:0" > <include src="@load(each.contentSrc)" vflex="1" /> </tabpanel> </template> </tabpanels> </tabbox> </window> </zk> AppVM.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.*; import org.zkoss.bind.annotation.*; import org.zkoss.bind.*; import java.util.HashMap; public class AppVM { @Init void init() { TabInfo tab2 = new TabInfo("tab_2","Tab 2", "tab_2.zul"); setTabInfo(tab2); TabInfo tab1 = new TabInfo("tab_1","Tab 1", "tab_1.zul"); setTabInfo(tab1); } @Command public void testSwitch(){ //TODO BindUtils.postGlobalCommand(null, null, "addTab2", new HashMap<>()); BindUtils.postGlobalCommand(null, null, "addTab2_2", new HashMap<>()); } @GlobalCommand("addTab1") public void addTab1(){ TabInfo tab1 = new TabInfo("tab_1","Tab 1", "tab_1.zul"); setTabInfo(tab1); } @GlobalCommand("addTab2") public void addTab2(){ TabInfo tab2 = new TabInfo("tab_2","Tab 2", "tab_2.zul"); setTabInfo(tab2); } //TABPANELS ListModelList<TabInfo> tabInfos = new ListModelList<>(); TabInfo selectedTab; public TabInfo getSelectedTab() { return selectedTab; } public void setSelectedTab(TabInfo selectedTab) { this.selectedTab = selectedTab; } public ListModelList<TabInfo> getTabInfos() { return tabInfos; } public void setTabInfo(TabInfo tabInfo) { TabInfo tab = tabsContains(tabInfos,tabInfo.getId()); if(tab == null){ tab = tabInfo; tabInfos.add(tab); } setSelectedTab(tab); BindUtils.postNotifyChange(null, null, this, "tabInfos"); BindUtils.postNotifyChange(null, null, this, "selectedTab"); } protected TabInfo tabsContains(ListModelList<TabInfo> tabInfos,String id) { if(tabInfos != null && id != null){ for(TabInfo tab : tabInfos){ if(id.equals(tab.getId())){ return tab; } } } return null; } } TabInfo.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 TabInfo { private String id; private String label; private String contentSrc; public TabInfo (String id, String label, String contentSrc) { this.id = id; this.label = label; this.contentSrc = contentSrc; } public void setId(String id) { this.id = id; } public String getId() { return id; } public void setLabel (String label) { this.label = label; } public String getLabel () { return this.label; } public void setContentSrc (String contentSrc) { this.contentSrc = contentSrc; } public String getContentSrc () { return this.contentSrc; } } tab_1.zulzul<zk> <div viewModel="@id('vm') @init('pkg$.Tab1VM')" > <div>Tab1</div> <tabbox id="tbx" model="@load(vm.tabInfos)" selectedTab="@bind(vm.selectedTab)" style="border-width:0;" height="300px" width="300px"> <tabs id="tabs"> <template name="model:tab"> <tab label="@load(each.label)"/> </template> </tabs> <tabpanels style="border:0"> <template name="model:tabpanel"> <tabpanel vflex="1" hflex="1" style="overflow:auto;border-width:0" > <include src="@load(each.contentSrc)" vflex="1" /> </tabpanel> </template> </tabpanels> </tabbox> </div> </zk> Tab1VM.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.*; import org.zkoss.bind.annotation.*; import org.zkoss.bind.*; public class Tab1VM { @Init void init() { } @GlobalCommand("addTab1_1") public void addTab1_1(){ TabInfo tab1_1 = new TabInfo("tab_1_1","Tab 1_1", "tab1_1.zul"); setTabInfo(tab1_1); } @GlobalCommand("addTab1_2") public void addTab1_2(){ TabInfo tab1_2 = new TabInfo("tab_1_2","Tab 1_2", "tab1_2.zul"); setTabInfo(tab1_2); } //TABPANELS ListModelList<TabInfo> tabInfos = new ListModelList<>(); TabInfo selectedTab; public TabInfo getSelectedTab() { return selectedTab; } public void setSelectedTab(TabInfo selectedTab) { this.selectedTab = selectedTab; } public ListModelList<TabInfo> getTabInfos() { return tabInfos; } public void setTabInfo(TabInfo tabInfo) { TabInfo tab = tabsContains(tabInfos,tabInfo.getId()); if(tab == null){ tab = tabInfo; tabInfos.add(tab); } setSelectedTab(tab); BindUtils.postNotifyChange(null, null, this, "tabInfos"); BindUtils.postNotifyChange(null, null, this, "selectedTab"); } protected TabInfo tabsContains(ListModelList<TabInfo> tabInfos,String id) { if(tabInfos != null && id != null){ for(TabInfo tab : tabInfos){ if(id.equals(tab.getId())){ return tab; } } } return null; } } AbstractTabsVM.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.*; import org.zkoss.bind.*; public class AbstractTabsVM { ListModelList<TabInfo> tabInfos = new ListModelList<>(); TabInfo selectedTab; public TabInfo getSelectedTab() { return selectedTab; } public void setSelectedTab(TabInfo selectedTab) { this.selectedTab = selectedTab; } public ListModelList<TabInfo> getTabInfos() { return tabInfos; } public void setTabInfo(TabInfo tabInfo) { TabInfo tab = tabsContains(tabInfos,tabInfo.getId()); if(tab == null){ tab = tabInfo; tabInfos.add(tab); } setSelectedTab(tab); BindUtils.postNotifyChange(null, null, this, "tabInfos"); BindUtils.postNotifyChange(null, null, this, "selectedTab"); } protected TabInfo tabsContains(ListModelList<TabInfo> tabInfos,String id) { if(tabInfos != null && id != null){ for(TabInfo tab : tabInfos){ if(id.equals(tab.getId())){ return tab; } } } return null; } } tab_2.zulzul<zk> <div viewModel="@id('vm') @init('pkg$.Tab2VM')" > <div>Tab2</div> <tabbox id="tbx" model="@load(vm.tabInfos)" selectedTab="@bind(vm.selectedTab)" style="border-width:0;" height="300px" width="300px"> <tabs id="tabs"> <template name="model:tab"> <tab label="@load(each.label)"/> </template> </tabs> <tabpanels style="border:0"> <template name="model:tabpanel"> <tabpanel vflex="1" hflex="1" style="overflow:auto;border-width:0" > <include src="@load(each.contentSrc)" vflex="1" /> </tabpanel> </template> </tabpanels> </tabbox> </div> </zk> Tab2VM.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.*; import org.zkoss.bind.annotation.*; import org.zkoss.bind.*; public class Tab2VM { @Init void init() { addTab2_1(); } @GlobalCommand("addTab2_1") public void addTab2_1(){ TabInfo tab2_1 = new TabInfo("tab_2_1","Tab 2_1", "tab2_1.zul"); setTabInfo(tab2_1); } @GlobalCommand("addTab2_2") public void addTab2_2(){ TabInfo tab2_2 = new TabInfo("tab_2_2","Tab 2_2", "tab2_2.zul"); setTabInfo(tab2_2); } //TABPANELS ListModelList<TabInfo> tabInfos = new ListModelList<>(); TabInfo selectedTab; public TabInfo getSelectedTab() { return selectedTab; } public void setSelectedTab(TabInfo selectedTab) { this.selectedTab = selectedTab; } public ListModelList<TabInfo> getTabInfos() { return tabInfos; } public void setTabInfo(TabInfo tabInfo) { TabInfo tab = tabsContains(tabInfos,tabInfo.getId()); if(tab == null){ tab = tabInfo; tabInfos.add(tab); } setSelectedTab(tab); BindUtils.postNotifyChange(null, null, this, "tabInfos"); BindUtils.postNotifyChange(null, null, this, "selectedTab"); } protected TabInfo tabsContains(ListModelList<TabInfo> tabInfos,String id) { if(tabInfos != null && id != null){ for(TabInfo tab : tabInfos){ if(id.equals(tab.getId())){ return tab; } } } return null; } } tab1_1.zulzul<zk> <div> Tab 1_1 </div> </zk> tab1_2.zulzul<zk> <div> Tab 1_2 </div> </zk> tab2_1.zulzul<zk> <div> Tab 2_1 </div> </zk> tab2_2.zulzul<zk> <div> Tab 2_2 </div> </zk>