isspst/src/main/webapp/admin/workgroups/workgroups.zul

<?page title="${labels.AgendaWorkgroups}" contentType="text/html;charset=UTF-8"?>
<zk>
	<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
	<window border="normal" apply="org.zkoss.bind.BindComposer" 
	viewModel="@id('vm') @init('info.bukova.isspst.ui.workgroups.WorkgroupList')">
		<caption zclass="form-caption" label="${labels.AgendaWorkgroups}" />
		<include src="/app/toolbar.zul" />

		<hbox width="100%" height="500px">
		
			<listbox model="@load(vm.dataList)" selectedItem="@bind(vm.dataBean)"  width="680px" height="480px">
				<listhead menupopup="auto">
					<listheader label="${labels.code}" sort="czech(code)" width="10%" />
					<listheader label="${labels.name}" sort="czech(name)" width="30%" />
					<listheader label="${labels.centre}" width="8%"/>
				</listhead>
				 
				<auxhead sclass="category-center" visible="@load(vm.filter)">
					 <auxheader>
						<div sclass="find-grid-cell">
							<div sclass="find-grid-divtextbox">
								<textbox value="@bind(vm.filterTemplate.code)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
							</div>
							<div sclass="find-grid-img">
								<image src="/img/funnel.png" />
							</div>
						</div>
					</auxheader>
					<auxheader>
						<div sclass="find-grid-cell">
							<div sclass="find-grid-divtextbox">
								<textbox value="@bind(vm.filterTemplate.name)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
							</div>
							<div sclass="find-grid-img">
								<image src="/img/funnel.png" />
							</div>
						</div>
					</auxheader>
					<auxheader>
						<div sclass="find-grid-cell">
							<div sclass="find-grid-divtextbox">
								<checkbox label="${labels.centre}" checked="@bind(vm.filterTemplate.centre)" onClick="@command('doFilter')"/>	
							</div>
							<div sclass="find-grid-img">
								<image src="/img/funnel.png" />
							</div>
						</div>
					</auxheader>
				</auxhead> 
				 
				<template name="model">
					<listitem>
						<listcell label="@load(each.code)" />
						<listcell label="@load(each.name)" />
						<listcell label="@load(each.centre) @converter(vm.boolConverter)"/>
					</listitem>
				</template>
			</listbox>
			
			<groupbox mold="3d" closable="false">
				<caption label="členové"/>
				<tree hflex="1" model="@load(vm.workgroupTreeModel)">
					<treecols>
						<treecol/>
					</treecols>
					<template name="model">
						<treeitem>
						<treerow>
							<treecell image="@load(each.data.person ? '/img/user-small.png' : '/img/commission-small.png')" label="@load(each.data.fullName)"/>
						</treerow>
						</treeitem>
					</template>
				</tree>
			</groupbox>
			
		</hbox>
	</window>
</zk>