isspst/src/main/webapp/lists/material/material.zul

<?page title="${labels.AgendaMaterial}" 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.reqsubjects.MaterialList')">
		<caption zclass="form-caption" label="${labels.AgendaMaterial}" />
		<include src="/app/toolbar.zul" />

		<listbox model="@load(vm.dataList)" selectedItem="@bind(vm.dataBean)" height="500px">
			<listhead menupopup="auto">
				<listheader label="${labels.code}" sort="czech(code)" width="10%" />
				<listheader label="${labels.name}" sort="czech(name)" width="25%" />
				<listheader label="${labels.munit}" width="15%"/>
				<listheader label="${labels.description}" sort="czech(description)" width="50%" />
			</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">
							<combobox
								model="@load(vm.munitList)"
								selectedItem="@bind(vm.filterTemplate.munit)"
								onChange="@command('doFilter')"
								readonly="true"
								sclass="find-grid-textbox">
								<template name="model">
									<comboitem label="@load(each.name)" />
								</template>
							</combobox>
						</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.description)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
						</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.munit.name)"/>
					<listcell label="@load(each.description)" />
				</listitem>
			</template>
		</listbox>

	</window>
</zk>