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

1guest80.38.68.191qfj46fMay 23, 2019 12:01:35 PMlink

basic upload button

30guest94.126.240.23nocidtMay 23, 2019 8:01:57 AMlink

include defer mode fails changed while loading

1guest118.232.105.181ac8p6bMay 23, 2019 7:11:08 AMlink

Another new ZK fiddle

13druiznyc63.118.154.663to9582May 22, 2019 7:15:25 PMlink

Another new ZK fiddle

12druiznyc63.118.154.663to9582May 22, 2019 7:13:17 PMlink

Another new ZK fiddle

11druiznyc63.118.154.663to9582May 22, 2019 7:12:52 PMlink

Another new ZK fiddle

10druiznyc63.118.154.663to9582May 22, 2019 6:23:59 PMlink

Another new ZK fiddle

9druiznyc63.118.154.663to9582May 22, 2019 6:10:59 PMlink

Another new ZK fiddle

8druiznyc63.118.154.663to9582May 22, 2019 6:05:46 PMlink

Another new ZK fiddle

7druiznyc63.118.154.663to9582May 22, 2019 6:05:01 PMlink

Reorder Columns in Listbox

1Nabil Abdel-Hafeez93.233.26.564k499dDec 25, 2012 4:05:25 PMlink

resources

index.zulzul<?page title="new page title" contentType="text/html;charset=UTF-8"?> <zk> <window apply="pkg$.LboxViewCtrl"> <listbox id="lbox"> <listhead id="lHead"> <listheader draggable="head" droppable="head" label="Col A" /> <listheader draggable="head" droppable="head" label="Col B" /> <listheader draggable="head" droppable="head" label="Col C" /> </listhead> <auxhead> <auxheader colspan="3"> <button id="reorderBtn" label="Reorder" /> </auxheader> </auxhead> <listitem> <listcell label="A1" /> <listcell label="B1" /> <listcell label="C1" /> </listitem> <listitem> <listcell label="A2" /> <listcell label="B2" /> <listcell label="C2" /> </listitem> </listbox> </window> </zk> LboxViewCtrl.javajavaimport org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.Executions; import org.zkoss.zk.ui.event.DropEvent; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.select.SelectorComposer; import org.zkoss.zk.ui.select.annotation.Listen; import org.zkoss.zk.ui.select.annotation.Wire; import org.zkoss.zul.Listbox; import org.zkoss.zul.Listhead; import org.zkoss.zul.Listheader; import org.zkoss.zul.Listitem; import org.zkoss.zul.Panel; import org.zkoss.zul.Window; /** * @author Nabil Abdel-Hafeez * */ public class LboxViewCtrl extends SelectorComposer<Component> { @Wire private Listbox lbox; @Wire private Listhead lHead; @Wire private Panel menu; @Wire private Listbox box; @Listen("onDrop = #lbox > #lHead > listheader") public void onDroplHead(DropEvent ev) { // get the dragged Listheader and the one it is dropped on. Listheader dragged = (Listheader) ev.getDragged(); Listheader droppedOn = (Listheader) ev.getTarget(); // then get their indexes. int from = lHead.getChildren().indexOf(dragged); int to = lHead.getChildren().indexOf(droppedOn); // swap the positions lHead.insertBefore(dragged, droppedOn); // swap related Listcell in all Listitem instances for (Listitem item : lbox.getItems()) { item.insertBefore(item.getChildren().get(from), item.getChildren().get(to)); } } @Listen("onClick = #reorderBtn") public void onEditorOpen(Event e) { Window win = (Window) Executions.createComponents("lbMenu.zul", this.getSelf(), null); win.doModal(); } } lbMenu.zulzul<?page title="new page title" contentType="text/html;charset=UTF-8"?> <zk> <window id="menu" visible="false" closable="true" position="center" width="400px" height="150px" border="normal" title="Reorder" apply="pkg$.MenuViewCtrl"> <listbox id="box"> <template name="model"> <listitem label="${each.label}" draggable="move" droppable="move" /> </template> </listbox> </window> </zk>MenuViewCtrl.javajava import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.event.DropEvent; import org.zkoss.zk.ui.select.SelectorComposer; import org.zkoss.zk.ui.select.annotation.Listen; import org.zkoss.zk.ui.select.annotation.Wire; import org.zkoss.zul.ListModelList; import org.zkoss.zul.Listbox; import org.zkoss.zul.Listhead; import org.zkoss.zul.Listitem; import org.zkoss.zul.Window; /** * @author Nabil Abdel-Hafeez * */ public class MenuViewCtrl extends SelectorComposer<Component> { @Wire private Window menu; @Wire private Listbox box; private Listhead lHead; @Listen("onDrop = listitem") public void onDropInMenu(DropEvent ev) { // get the draged and dropped again Listitem dragged = (Listitem) ev.getDragged(); Listitem droppedOn = (Listitem) ev.getTarget(); // then get their indexes. int from = box.getItems().indexOf(dragged); int to = box.getItems().indexOf(droppedOn); // swap the positions lHead.insertBefore(lHead.getChildren().get(from), lHead.getChildren().get(to)); // swap related Listcell in all Listitem instances for (Listitem item : lHead.getListbox().getItems()) { item.insertBefore(item.getChildren().get(from), item.getChildren().get(to)); } // swap the items in pop up Lisbox as well box.insertBefore(dragged, droppedOn); } @Override public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); // get the Listboxhead in which we like to change the the col order lHead = (Listhead) menu.getParent().query("#lbox > #lHead"); // set the model for Listbox box in the pop up box.setModel(new ListModelList(lHead.getChildren())); } }