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 :
select listitem via model
1guest172.71.175.8234pq3kuApr 25, 2024 10:09:37 PMlinkselect listitem via model
2guest172.71.175.81lebn6pApr 25, 2024 10:09:36 PMlinkBarcodescanner use in Modal Window (with constraint)
2guest162.158.94.74o3j47tApr 25, 2024 3:48:54 PMlinkBarcodescanner use in Modal Window (with constraint)
1guest162.158.94.74o3j47tApr 25, 2024 3:46:51 PMlinkBarcodescanner use in Modal Window (with constraint)
3guest162.158.94.753ibjsapApr 25, 2024 3:45:29 PMlinkBarcodescanner use in Modal Window (with constraint)
2guest162.158.94.743ibjsapApr 25, 2024 3:43:55 PMlinkBarcodescanner use in Modal Window (with constraint)
1guest162.158.86.883ibjsapApr 25, 2024 3:36:53 PMlinkfont awesome effects
246guest172.69.63.15220t2jmoApr 25, 2024 2:00:26 PMlinkAnother new ZK fiddle
2guest172.71.134.130218n5u0Apr 25, 2024 10:30:00 AMlinkAnother new ZK fiddle
1guest172.71.134.130218n5u0Apr 25, 2024 10:29:38 AMlinkTree event order problem
1guest217.68.33.1402p39qlsMay 31, 2016 8:31:14 AMlinkresources
index.zulzul<zk>
<window border="normal" title="hello" apply="pkg$.TestComposer">
<vbox spacing="20px">
<label value="When i select an item in the tree the onSelect for the tree gets called before the onBlur for the textbox! This makes no sense at all. When selecting an item in the listbox the behaviour is as expected. The onBlur event gets handled before the onSelect for the listbox"/>
<label value="See the textbox at the bottom when clicking the tree or the listbox when the topmost textbox has focus"/>
<textbox id="thetxt" value="Focus me then click the tree or the listbox" focus="true" hflex="1"/>
<tree id="thetree">
<treechildren>
<treeitem id="thetreeitem" label="Click me for OK event order"/>
</treechildren>
</tree>
<tree id="themodeltree"/>
<listbox id="thelistbox">
<listitem label="Click me for OK event order"/>
</listbox>
<textbox id="result" rows="10" hflex="1"/>
</vbox>
</window>
</zk>
TestComposer.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.impl.BindTreeitemRenderer;
public class TestComposer extends GenericForwardComposer{
public class FooRenderer implements TreeitemRenderer {
public void render(Treeitem treeitem, Object data, int index) throws Exception {
Treerow row = treeitem.getTreerow();
if (row == null) {
row = new Treerow();
treeitem.appendChild(row);
}
treeitem.setLabel((String)data);
treeitem.addEventListener(Events.ON_CLICK,
new EventListener<Event>() {
public void onEvent(Event event) {
result.setText(result.getText() + "\ntreeitem added on render clicked");
}
});
}
}
public class FooModel extends AbstractTreeModel<Object> {
public FooModel() {
super("Root");
}
public boolean isLeaf(Object node) {
return getLevel((String)node) >= 1;
}
public Object getChild(Object parent, int index) {
return "Click me for strange event order";
}
public int getChildCount(Object parent) {
return isLeaf(parent) ? 0: 1;
}
public int getIndexOfChild(Object parent, Object child) {
return 0;
}
private int getLevel(String data) {
return "Root".equals(data) ? 0 : 1;
}
};
Textbox result;
Tree thetree;
Listbox thelistbox;
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
result = (Textbox) comp.getFellow("result");
thetree = (Tree) comp.getFellow("thetree");
thelistbox = (Listbox) comp.getFellow("thelistbox");
Tree themodeltree = (Tree) comp.getFellow("themodeltree");
themodeltree.setItemRenderer(new FooRenderer());
themodeltree.setModel(new FooModel());
}
public void onFocus$thetxt(Event e) throws InterruptedException{
result.setText("");
thetree.setSelectedItem(null);
thelistbox.setSelectedItem(null);
}
public void onChange$thetxt(Event e) throws InterruptedException{
result.setText(result.getText() + "\ntextbox changed");
}
public void onBlur$thetxt(Event e) throws InterruptedException{
result.setText(result.getText() + "\ntextbox blur");
}
public void onClick$thetreeitem(Event e) throws InterruptedException{
result.setText(result.getText() + "\ntreeitem clicked");
}
public void onSelect$thelistbox(Event e) throws InterruptedException{
result.setText(result.getText() + "\nlistbox select");
}
}