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 AMlinkdoc_print_tests
1guest193.232.225.61mj8ql7Jan 16, 2015 9:29:48 AMlinkresources
index.zulzul<?page title="Создание заявки" contentType="text/html;charset=UTF-8"?>
<zk>
<window id="req_EditWindow" title="Создание заявки" border="normal"
width="900px" height="800px" mode="modal" position="center" sizable="false" draggable="false">
<borderlayout>
<center border="normal">
<panel height="710px">
<panelchildren style="overflow: auto">
<panel title="Основные параметры" border="normal" id="main_paramPanel">
<panelchildren>
<grid>
<columns>
<column width="150px"/>
<column/>
<column width="180px"/>
<column/>
</columns>
<rows>
<row>
<label value="Номер заявки"/>
<textbox id="req_print_idTextbox" width="200px" readonly="true"/>
<label value="Дата, время создания заявки"/>
<hbox>
<textbox id="dt_reqTextbox" width="90px" readonly="true"/>
<textbox id="tm_reqTextbox" width="40px" readonly="true"/>
</hbox>
</row>
<row>
<label value="Заявитель"/>
<textbox id="req_customer_id_strTextbox" width="200px" readonly="true"/>
<label value="Состояние заявки"/>
<textbox id="req_state_idTextbox" width="200px" readonly="true"/>
</row>
<row>
<label value="Объект"/>
<cell colspan="3">
<combobox id="req_object_idCombobox" readonly="true" width="200px"/>
</cell >
</row>
<row>
<label value="Адрес объекта"/>
<cell colspan="3">
<textbox id="address_objectTextbox" width="600px"/>
</cell >
</row>
<row>
<label value="Подсистема"/>
<textbox id="subsystemTextbox" width="200px"/>
<label value="Номер проекта на сайте ТД"/>
<textbox id="prj_number_tdTextbox" width="200px"/>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<panel title="Данные для внесения заявки в план" collapsible="true" border="normal" id="plan_insertPanel">
<panelchildren>
<grid>
<columns>
<column width="120px"/>
<column/>
<column width="180px"/>
<column/>
</columns>
<rows>
<row>
<cell colspan="2" width="300px">
<label value="Дата, время выполнения заявки(желаемая)"/>
</cell >
<cell colspan="2">
<hbox>
<datebox id="dt_req_finish_desireDatebox" />
<timebox id="tm_req_finish_desireTimebox" format="short" onFocus="self.select()"/>
</hbox>
</cell >
</row>
<row>
<label value="Объем работ"/>
<cell colspan="3">
<hbox>
<button id="addWorkPlanButton" label="Создать" sclass="okbtn" style="background-color:#c8e9f4;"
mold="os" width="100px"/>
<button id="editWorkPlanButton" label="Редактировать" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
<button id="deleteWorkPlanButton" label="Удалить" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
</hbox>
</cell >
</row>
<row>
<cell colspan="4">
<panel>
<panelchildren style="overflow:auto;">
<listbox id="workPlanListbox" fixedLayout="true" vflex="true" height="100%">
<listhead sizable="true">
<listheader label="Формат листа" width="130px"/>
<listheader label="Колич. стр." width="100px" />
<listheader label="Колич. экз." width="100px"/>
<listheader label="Вид работы" width="150px"/>
<listheader label="Комментарий" />
</listhead>
<listitem>
<listcell/>
</listitem>
</listbox>
</panelchildren>
</panel>
</cell>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<panel title="Внесение заявки в план исполнителем" collapsible="true" border="normal" id="execution_inputPanel">
<panelchildren>
<grid>
<columns>
<column width="200px"/>
<column/>
<column width="200px"/>
<column/>
</columns>
<rows>
<row>
<label value="Дата, время начала выполнения"/>
<cell >
<hbox>
<datebox id="dt_req_start_planDatebox" />
<timebox id="tm_req_start_planTimebox" format="short" onFocus="self.select()"/>
</hbox>
</cell >
<label value="Дата, время оконч. выполнения"/>
<cell >
<hbox>
<datebox id="dt_req_end_planDatebox" />
<timebox id="tm_req_end_planTimebox" format="short" onFocus="self.select()"/>
</hbox>
</cell >
</row>
</rows>
</grid>
</panelchildren>
</panel>
<panel title="Передача документов Заявителем для выполнения заявки" collapsible="true" border="normal" id="doc_transferPanel">
<panelchildren>
<grid>
<columns>
<column width="300px"/>
<column />
</columns>
<rows>
<row>
<label value="Дата, время передачи документов"/>
<cell >
<hbox>
<datebox id="dt_req_loadDatebox" />
<timebox id="tm_req_loadTimebox" format="short" onFocus="self.select()"/>
</hbox>
</cell >
</row>
<row>
<label value="Место размещения документа"/>
<textbox id="doc_placeTextbox" width="100%"/>
</row>
<row>
<cell >
<hbox>
<button id="selectCustomerButton" label="Заявитель, передавший документы" sclass="okbtn" style="background-color:#c8e9f4;"
mold="os" width="240px"/>
<button id="removeCustomerButton" label="X" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="30px"/>
</hbox>
</cell >
<textbox id="customerTextbox" width="300px" readonly="true"/>
</row>
<row>
<label value="Комментарий"/>
<textbox id="comment_loaderTextbox" width="100%" rows="3"/>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<panel title="Выполнение заявки исполнителем" collapsible="true" border="normal" id="req_workPanel">
<panelchildren>
<grid>
<columns>
<column width="200px"/>
<column/>
<column width="200px"/>
<column/>
</columns>
<rows>
<row>
<label value="Дата, время начала выполнения"/>
<cell>
<hbox>
<datebox id="dt_req_start_factDatebox" />
<timebox id="tm_req_start_factTimebox" format="short" onFocus="self.select()"/>
</hbox>
</cell >
<label value="Дата, время оконч. выполнения"/>
<cell>
<hbox>
<datebox id="dt_req_finish_factDatebox" />
<timebox id="tm_req_finish_factTimebox" format="short" onFocus="self.select()" />
</hbox>
</cell >
</row>
<row>
<label value="Результат обработки заявки"/>
<cell colspan="3">
<combobox id="req_result_idCombobox" readonly="true" width="300px"/>
</cell>
</row>
<row>
<label value="Комментарий"/>
<cell colspan="3">
<textbox id="comment_workerTextbox" width="100%" rows="3"/>
</cell >
</row>
<row>
<label value="Объем работ"/>
<cell colspan="3">
<hbox>
<button id="addWorkFactButton" label="Создать" sclass="okbtn" style="background-color:#c8e9f4;"
mold="os" width="100px"/>
<button id="editWorkFactButton" label="Редактировать" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
<button id="deleteWorkFactButton" label="Удалить" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
</hbox>
</cell >
</row>
<row>
<cell colspan="4">
<panel>
<panelchildren style="overflow:auto;">
<listbox id="workFactListbox" fixedLayout="true" vflex="true" height="100%">
<listhead sizable="true">
<listheader label="Формат листа" width="130px"/>
<listheader label="Колич. стр." width="100px" />
<listheader label="Колич. экз." width="100px"/>
<listheader label="Вид работы" width="150px"/>
<listheader label="Комментарий" />
</listhead>
<listitem>
<listcell/>
</listitem>
</listbox>
</panelchildren>
</panel>
</cell>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<panel title="Исполнители заявки" collapsible="true" border="normal" id="workerPanel">
<panelchildren>
<grid>
<columns>
<column width="180px"/>
<column/>
<column width="180px"/>
<column/>
</columns>
<rows>
<row>
<cell align="left" colspan="4">
<hbox>
<button id="addWorkerButton" label="Создать" sclass="okbtn" style="background-color:#c8e9f4;"
mold="os" width="100px"/>
<button id="editWorkerButton" label="Редактировать" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
<button id="deleteWorkerButton" label="Удалить" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
</hbox>
</cell>
</row>
<row>
<cell colspan="4">
<panel>
<panelchildren style="overflow:auto;">
<listbox id="req_workerListbox" fixedLayout="true" vflex="true" height="100%" mold="paging"
pageSize="6">
<listhead sizable="true">
<listheader label="Исполнитель" width="150px"/>
<listheader label="Трудозатраты" width="100px" />
<listheader label="Комментарий"/>
</listhead>
<listitem>
<listcell/>
</listitem>
</listbox>
</panelchildren>
</panel>
</cell>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<panel title="Комментарии исполнителя по заявке" collapsible="true" border="normal" id="performerPanel">
<panelchildren>
<panel >
<panelchildren>
<textbox id="comment_resultTextbox" width="100%" rows="3"/>
</panelchildren>
</panel>
</panelchildren>
</panel>
</panelchildren>
</panel>
</center>
<south border="normal" >
<grid style="border:none">
<columns>
<column width="90px"/>
<column width="200px"/>
<column />
<column width="220px"/>
</columns>
<rows>
<row>
<label value="Регистратор: "/>
<textbox id="registrarTextbox" width="190px"/>
<hbox >
<label value="Дата, время регистрации: "/>
<datebox id="dt_regDatebox"/>
<timebox id="tm_regTimebox" format="short" onFocus="self.select()"/>
</hbox>
<cell align="right">
<hbox>
<button id="okButton" label="ОК" sclass="okbtn" style="background-color:#c8e9f4;"
mold="os" width="100px"/>
<button id="cancelButton" label="Отмена" sclass="okbtn"
style="background-color:#c8e9f4;" mold="os" width="100px"/>
</hbox>
</cell>
</row>
</rows>
</grid>
</south>
</borderlayout>
</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.*;
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");
}
}