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 :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkAnother new ZK fiddle
70guest62.168.244.22915bjnvpJul 6, 2016 9:59:20 AMlinkresources
index.zulzul<zk>
<div style="height: 70px;">
<div style="float:left;">
<image src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQoAAABICAMAAAA58ksoAAABJlBMVEX////7ugD0lRCdnZ3zkhFQUFD2ngz1mg72oQv1nA3zkBLz8/P0lw/yjBRVVVX4qAiCgoLxhxba2tpdXV1mZmb5rAa+vr6qqqr4qQf3pArxhRfU1NT5+flaWlrIyMhhYWF1dXV3d3ePj4/7wRzm5uaLi4uzs7P96r9/f3/96dHOzs75zaH91nTi4uK4uLj//fX+67z4rSD6sgD5z6D6th5KSkr/+ev+8c372KPwfhH3qSH80Wjzlkj506/wfAD2sl/848H1sHn86dr5ypH3wJfyjzL1plj0qmf72sD1o0b2sXbxhAD2t4b4u2H60q7726/+9d/6wVP5uUH83Jr7zHv4sj/94JL7xUX94pj+67L5ulT7wAD7zIb7xDH3umv8zlP3sUj0nCyoAat2AAAIgElEQVR4nOWae1/ayBrH0RhUAiOGAFISEihgoA1o6gVrj+Vst922nLZYq1131e2+/zexz0xuM5MJ2J7jsYbfH/3YSWaY+c5zm4FMJtR0Z5j5IY17P9bvZ9Xw8uvS8fYPwJhe1Z6PDv73E7o3HR4vgR5fTL+z33B0vgb6ML6LSd2Hhr9fL3m6vvyujod/1DCJbHbtSyoMY3jxp7sU6vr2IaN3upb1SGTXV9duHjyM4c5fS6yOb+cl06vymicgsb6+mn/oIePw6eMlXtcX89c0/PRHrVajSGDdjO9+wnen6xgIrIu5TvJpIyLho8iDvjfs/kyK2wTxkbkozkQglnMPucQQo3g6F8Wo5seJ9XXfPYDE8soCowiNgpBYUBQBiGzgHssLjyKME5jEYsYKAiIbOIdHYhFQHFzyWXLkhwnaO9KIwuVQXJ6WP5+xTaMsMYpV2j3Sj6L3dWOrvFXbG9GNo1icABC5dKOYnrlb5XJ5a2tj4wu10FGURAMSgKKQZhSXn8tln8TGxvlVeDgZZfk4gY3iQaMQRk03KLx3TvcoErXaxvnI7/cqT3vHMgGRK0weMoqLuFm47tdt8mx6Wi4zJODckd0dE0zTmywfJ3K5v9//4PXozyH+lO66/rXe9GwvRgJX27Ur8ng4+pZnvSP32/heV/Lfa7hDH9TdpeNDr/XUjZOokQPYuXdHM71aX85HJP5+8rBvbogOLkPDcK+9W+/Dr3txEuGdVfb8E35p2LvJBXFi5VUKQGAN/ZBxfUb+Oz0uh2K9I6i2l7+NyZvjd4TEys1DvrPhtHO85D7+QhZ0cHbtugkk1oJqO7/uhYyDZ+9yuTf/etDhktfwzPtGaLhz7Lou6x0bMRI4eXx7Rnyi9z4tvhHJCxLHe/NIhOeO/Ltx2C91Gj51KRA8Cf5UvrJSeJk6gwi0s0ejiEAIb+9IZfXsvqd8V9pJ8I4a7x1hZZVuFOJ6InZn5dUTqUWxvScgkegdKUchqCdqvk1kBSQWAEW82uZvdL2zaBKKtqoL23VVCf5U1DolhXtRdfiuDv16XXWoHnqbHkvlxtLVNjeUUo+NHlOAYlZlRZ3AElGoliaJWOhFzfbmVelYGiVTYucvaVqD7Vpn3gdZVX+F+oAbq8v2bGmayrZIZpNrSUQRryfid9vkqqZQEKOQkCFX481KB9or+A97HyGjFAm1GBSVfcNA7M41SgbdwUBI9lbYtmRurCqzC5JsII2xC72IzP7tUMRtIpsV3N7NQmEYhhz7NL2Kmyve9KxWt0KJWbeqwYuoyNBpmKg5iN4fSE14A9as28iwJGYsZt0OgrEMxkb1DtLmo9id4x08iQQUeM2GVudaK6aPom0hrSEOJlhKC5VaRcNgdhdQsJbjWAYCs6iXULOePFYbLECyUYl2mlujiJ/K2ThBu0eh8EQ4ThVhE26y4Uo1DWQSFI6GbD6UURpgi+6XEOPigKLDxpMWkgF2n3cuRrqEwLoaMuMiGMX8WLErvp8QZFGPxGYSCq3SQux62+DeVQkRFNYsFGqJbHdXRha1xphV3ApFBSHNwa8iO2rEKLqOGqqtCKxqe1dQY5I4ITSJwmayVfQVC8mUiypFhFqZEIXVUBlFq4F+hpQhwU2WGBRF1YmkDjSy1YDC7ieN5WiGjDNRu4nkAY3CMDUzlNaUGjGagEJQYwrqCZ/EZqJVlCqZPjhE6KK6ZCDLwTtJUBglLjWG0HRJ9j0BgKEKhcIwm00rFETWEn7aL8XGihYN+Dvkj75GJQ2MAkw0lCwjM2ZZ27sJ3iE0is3ZKMA6DTOoDgYQMRuZCIUBE6C0H6YLAGj68bYC9EKfBhQG3QNWYzoeCqYdxgqxwgCan5q6RuSTgMKs1vuhGpD7EWWAEQomYvJZlLWJ2Sj0KgpCdQOSO97DAAXSqqyCZOo0kRGYEmSSKA4ACovu0NIgLusEhcUO1Q2WXAdTCLZCKUbuGg+bfch3AhTMPWZiPeGTmImCrIXsax22jpRcrTlhU5Go1eOkG2ZBiBVscVD3kikOm+JcCnmUyseQv0qNCAWbTBUtEUXs9m5Z6B2bm49mosBrwZUSRC1/gfNQVMGkKa/to9Bbvj+D4DxKQRqgIKPGUbSFKOKn8oTkQUjMQZGpEy+ESfkW6aNIqiva8DozSYihlp6AojgbBXy0TLsBAPBjKEbBln9CqxBGTOYsSoOYi4IcHbSo8vRQKBAQOo5CC9YL/4L1SEwzTsGSrigeijb9BPOF9jaEU4l5gMEoCmw0HEboT2jbuICFTyJWobNjxVE8p74Dm1FZFQISCSikEIXexdU2CqJXh6DA60Ilyy6GsiH32kUbuFmdIqUO5JqSbUN2hbCpUQ9sDUYgWbNbQshsRmPZxT4eqwkfa7NjwZaYRVvSoWIpNTuisUQo+BpTGCdmoJDDigDXCVF50ZL3yYN6x2QTYCtT3YcMidgcS1qgad/JNAzumVH0jzGNIptN97szxzKVTFHmHiE7diQCFLEsKq4nPBBJKBypGsYCvdoZRHE8eKColapESc20pWQBSqXKNg3oSyB2LGfmWLAVfb4tXmxmxs+Zajvh3EGROBKjSIEIisQTWIH3jkdHqUfB3k8ke8dRylHQd1b5hBozJJFeFNvzzh0F1iZSjGL6QfhtYJJ3HB29eHvfU74zHYyer86vtgMSj/7zy31P+C7V+5DnvxdNsImTFJuEr/GH9dWZ5w6PxJuP9z3R/4c+fZtXT5y8+DWdP7aJ6eDV6kryuQNI/DvVQYJV72Uul+AdRyev3y6ISfgav+S9wwPx6EW6fpp4Gw3xTzJ5Eievf03tL9Fm6ZdXK2ycOJq8T30CTVLv3WQS2cRJwpdhC6Lxm8LEJ/Hi48IFCVYHH19PgMRkM91V9u3Ue785mfy2YAk0SW/fpN83/gHSb3jN/fMPAAAAAABJRU5ErkJggg==" style="height:30px; display: block; margin-left: auto; margin-right: auto"/>
</div>
<div style="float:right;">
<hbox>
<vbox>
<label value="Текущая роль:" style=" position: relative; left: 18px;"/>
<listbox rows="1" width="120px" mold="select">
<listitem label="Специалист МО" selected="true"/>
<listitem label="Председатель"/>
<listitem label="Куратор"/>
<listitem label="ЛВ"/>
<listitem label="Администратор"/>
</listbox>
</vbox>
<space spacing="5px"/>
<vbox>
<a href="http://localhost:8080/ipra-web/index.zul">
<image src="http://www.freeiconspng.com/uploads/account-profile-user-icon--icon-search-engine-10.png" style="height:30px; display: block; margin-left: auto; margin-right: auto"/>
<label value="Профиль" style="text-decoration:none"/>
</a>
</vbox>
<space spacing="5px"/>
<vbox>
<a href="http://localhost:8080/ipra-web/index.zul" style="text-decoration:none">
<image src="https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_exit_to_app_48px-128.png" style="height:30px; display: block; margin-left: auto; margin-right: auto"/>
<label value="Выйти" style="text-decoration:none"/>
</a>
</vbox>
</hbox>
</div>
<label style="position:relative; left: 40%; width: 20%; font-size:24px;color:#000000;font-weight:bold;"
value="Регистрация сведений"/>
</div>
<div style="float:right; right-margin:30%">
<hbox>
<vbox>
<a href="http://localhost:8080/ipra-web/index.zul" style="text-decoration:none">
<image src="https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-128.png" style="height:30px; display: block; margin-left: auto; margin-right: auto"/>
<label value="Найти"/>
</a>
</vbox>
<space spacing="5px"/>
<vbox>
<a href="http://localhost:8080/ipra-web/index.zul" style="text-decoration:none">
<image src="http://www.iconarchive.com/download/i49392/designcontest/outline/Eraser.ico" style="height:30px; display: block; margin-left: auto; margin-right: auto"/>
<label value="Стереть"/>
</a>
</vbox>
</hbox>
</div>
<hbox>
<radiogroup onCheck="choice.value=self.selectedItem.label">
<vbox>
<radio label="Произвольный период"/>
<radio label="За последний час"/>
<radio label="За последний день"/>
</vbox>
</radiogroup>
<vbox>
<hbox>
<space spacing="5px"/>
период с :
<space spacing="12px"/>
<datebox id="startdate" cols="20" format="dd.MM.yyyy" onCreate="self.value = new Date()"/>
<space spacing="5px"/>
<bandbox id="bd" autodrop="false">
<bandpopup>
</bandpopup>
</bandbox>
</hbox>
<hbox><space spacing="5px"/>период по :<space spacing="5px"/><datebox id="enddate" cols="20" format="dd.MM.yyyy" onCreate="self.value = new Date()"/><space spacing="5px"/><textbox /></hbox>
</vbox>
</hbox>
<separator spacing="10px" />
<hbox>
<button label="Hello.doModal" autodisable="self">
<attribute name="onClick">{
final Window win = (Window) Executions.createComponents(
"/layout/hello-template.zul", null, null);
win.setMaximizable(true);
win.doModal();
}</attribute>
</button>
</hbox>
<separator spacing="10px" />
<tabbox>
<tabs>
<tab label="Форма 088/у-06"/>
<tab label="Выписка из ИПРА"/>
</tabs>
<tabpanels>
<tabpanel>
<grid>
<columns>
<column width="80px" label="_"/>
<column>
<label value="Фамилия"/>
</column>
<column label="Имя"/>
<column label="Отчество"/>
<column label="Форма 088/у-06"/>
<column label="Загружено из МИС"/>
</columns>
<rows>
<row>
<label value=""/>
<label value="Иванов"/>
<label value="Петр"/>
<label value="Филатович"/>
<label value="просмотр формы"/>
<checkbox id="l1" />
</row>
<row>
<label value=""/>
<label value="Иванов"/>
<label value="Иван"/>
<label value="Иванович"/>
<label value="просмотр формы"/>
<checkbox id="l2" />
</row>
</rows>
</grid>
</tabpanel>
<tabpanel>
<hbox>
<listbox rows="1" width="140px" mold="select">
<listitem label="Все выписки" selected="true"/>
</listbox>
<listbox rows="1" width="140px" mold="select">
<listitem label="Все направления" selected="true"/>
</listbox>
</hbox>
<separator spacing="10px" />
<grid>
<columns>
<column width="80px" label="_"/>
<column>
<label value="Фамилия"/>
</column>
<column>
<label value="ФИО"/>
</column>
<column>
<label value="Фамилия"/>
</column>
<column>
<label value="Порядок ИПРА"/>
</column>
<column>
<label value="Срок ИПРА"/>
</column>
<column>
<label value="Дата выдачи ИПРА"/>
</column>
<column>
<label value="Карта мониторинга"/>
</column>
<column>
<label value="Направления"/>
</column>
<column>
<label value="Статус направления"/>
</column>
</columns>
<rows>
<row>
<checkbox id="l21" />
<label value="35"/>
<label value="Иванов И.И."/>
<label value="Выписка"/>
<label value="Бессрочно"/>
<label value=""/>
<label value=""/>
<label value="Направление"/>
<label value=""/>
</row>
<row>
<checkbox id="l22" />
<label value="3542"/>
<label value="Петров П.П."/>
<label value="Выписка"/>
<label value="По достижению 18 лет"/>
<label value=""/>
<label value=""/>
<label value=""/>
<label value=""/>
</row>
<row>
<checkbox id="l23" />
<label value="358"/>
<label value="Быстров Б.Б."/>
<label value="Карта"/>
<label value="12.04.2018"/>
<label value=""/>
<label value=""/>
<label value=""/>
<label value=""/>
</row>
</rows>
</grid>
</tabpanel>
</tabpanels>
</tabbox>
</zk>index.zulzul<zk>
<window border="normal" title="hello" apply="pkg$.TestComposer">
<div>Welcome to ZK Fiddle , run it right now!</div>
<button id="btn" label="Click Me To Evalute Event Binding With Composer" />
</window>
</zk>