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 :

font awesome effects

247guest172.70.57.24120t2jmoMay 6, 2024 8:42:46 AMlink

explicit notify change no longer triggers apply rerender

2cor3000172.71.139.163b8geptMay 6, 2024 5:55:56 AMlink

explicit notify change no longer triggers apply rerender

1cor3000172.71.139.162b8geptMay 6, 2024 5:54:54 AMlink

Customized Menupopup On Grid Header

5hiepgau172.71.211.10gig0j7May 4, 2024 5:33:29 AMlink

Another new ZK fiddle

4hiepgau172.68.225.142gig0j7May 4, 2024 5:31:25 AMlink

Another new ZK fiddle

3hiepgau172.71.218.113gig0j7May 3, 2024 11:46:46 PMlink

Another new ZK fiddle

2hiepgau162.158.178.201gig0j7May 3, 2024 11:40:57 PMlink

Another new ZK fiddle

1hiepgau162.158.179.103gig0j7May 3, 2024 10:49:45 PMlink

custom menu on grid

7hiepgau172.71.214.52261rcaiMay 3, 2024 9:27:35 PMlink

custom menu on grid

6hiepgau172.71.214.53261rcaiMay 3, 2024 9:26:52 PMlink

ckeditor

3guest182.73.235.242mp265jAug 20, 2018 6:54:33 AMlink

resources

index.zulzul<zk> <style> .hidden-toolbar .cke_top, .hidden-toolbar .cke_bottom { display: none; } </style> <window border="normal" title="hello" apply="pkg$.TestComposer"> <div>Welcome to ZK Fiddle , run it right now!</div> CKeditor without toolbar options loses functions to add/ <ckeditor id="editor" toolbar="None" customConfigurationsPath="ckeditorconfig.js"/> CKeditor without limited options still shows toolbar <ckeditor id="another" toolbar="Simple" customConfigurationsPath="ckeditorconfig.js"/> CKeditor with limited options and toolbar hidden via CSS <div sclass="hidden-toolbar"> <ckeditor id="editorHiddenToolbar" toolbar="Simple" customConfigurationsPath="ckeditorconfig.js"/> </div> </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.zkforge.ckez.*; public class TestComposer extends GenericForwardComposer{ CKeditor editor; CKeditor another; CKeditor editorHiddenToolbar; public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); editor.setValue("<p>a paragraph</p><ul><li>One</li><li>Two</li><li>Three</li></ul>"); another.setValue("<p>a paragraph</p><ul><li>One</li><li>Two</li><li>Three</li></ul>"); editorHiddenToolbar.setValue("<p>a paragraph</p><ul><li>One</li><li>Two</li><li>Three</li></ul>"); } public void onChange$editor() throws InterruptedException{ Messagebox.show(editor.getValue()); } public void onChange$editorHiddenToolbar() throws InterruptedException{ Messagebox.show(editorHiddenToolbar.getValue()); } } ckeditorconfig.jsjavascriptCKEDITOR.editorConfig = function(config) { config.toolbar = 'None'; config.toolbar_None = [ ]; config.toolbar_Simple = [ [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink', '-', 'About' ] ]; };