Processing...

Suggested case list:

Using timer to refresh a grid

383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlink

user model to move item to another listbox

120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlink

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

Latest 10 Fiddles :

Force validation of constraints before processing the form

1guest172.70.86.20348gri4Sep 30, 2022 1:27:45 PMlink

Another new ZK fiddle

4guest162.158.170.24559227Sep 30, 2022 3:05:37 AMlink

Another new ZK fiddle

3guest162.158.170.24559227Sep 30, 2022 3:01:03 AMlink

Another new ZK fiddle

2guest162.158.170.24559227Sep 30, 2022 2:55:21 AMlink

Another new ZK fiddle

1guest162.158.170.24559227Sep 30, 2022 2:48:58 AMlink

PDF Viewer in ZK using Iframe

3ImanolRP172.71.114.127314phf6Sep 29, 2022 11:28:24 PMlink

asdf

2ImanolRP172.71.114.127314phf6Sep 30, 2022 1:06:02 PMlink

dynamic html using EL

1guest172.68.253.2733i9oktSep 29, 2022 1:18:46 PMlink

Double spinner weird action

86guest172.70.218.1553f23keaSep 29, 2022 10:52:30 AMlink

Double spinner weird action

85guest172.71.198.1253f23keaSep 29, 2022 10:46:12 AMlink

make whole panel draggable

1cor3000162.158.179.15638gj3esJul 7, 2020 6:41:50 AMlink

resources

index.zulzul<zk> <zscript><![CDATA[ String dummyContent = "Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris."; ]]></zscript> <script><![CDATA[ /* IOS workaround for https://tracker.zkoss.org/browse/ZK-4617 */ zk.afterMount(function() { document.addEventListener('touchmove', function(e) { if(zk.dragging) { event.preventDefault(); } }, {passive: false}); });//zk.afterLoad ]]></script> <script><![CDATA[ zk.afterLoad('zkmax.layout', function() { var xPortallayout = {}; zk.override(zkmax.layout.Portallayout.prototype, xPortallayout, { _initDrag: function (panel) { if (panel._draggable == 'false') return; var n = panel.$n(); if (this.drags[n.id]) return; // var draggableNode = panel.$n('cap') || panel.$n('drag-button'); var draggableNode = panel.$n(); // *********** make the whole panel node draggable ************* if (!draggableNode) return; var Portallayout = this.$class; this.drags[n.id] = new zk.Draggable(panel, n , { handle: draggableNode, zIndex: 99999, stackup: true, starteffect: zul.wnd.Panel._startmove, ghosting: Portallayout._ghostMove, ignoredrag: Portallayout._ignoreMove, endeffect: Portallayout._endMove, change: Portallayout._changeMove }); jq(draggableNode).addClass(panel.$s('header-move')); zk(draggableNode).disableSelection(); } });//zk.override });//zk.afterLoad ]]></script> <div> <portallayout orient="vertical"> <portalchildren title="Todo" counterVisible="true" hflex="1"> <panel title="Task-1"> <panelchildren> ${dummyContent} <button label="still clickable" onClick="Clients.showNotification(event.getName())"/> </panelchildren> </panel> <panel title="Task-4"> <panelchildren>${dummyContent}</panelchildren> </panel> <panel title="Task-6"> <panelchildren>${dummyContent}</panelchildren> </panel> </portalchildren> <portalchildren title="Active" counterVisible="true" hflex="1"> <panel title="Task-2"> <panelchildren>${dummyContent}</panelchildren> </panel> </portalchildren> <portalchildren title="Complete" counterVisible="true" hflex="1"> <panel title="Task-3"> <panelchildren>${dummyContent}</panelchildren> </panel> <panel title="Task-5"> <panelchildren>${dummyContent}</panelchildren> </panel> <panel title="Task-7"> <panelchildren>${dummyContent}</panelchildren> </panel> </portalchildren> </portallayout> </div> </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.*; public class TestComposer extends GenericForwardComposer{ public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$btn(Event e) throws InterruptedException{ Messagebox.show("Hi btn"); } }