ZK中hbox的使用

1、hbox 中的组件将进行水平分布。

 

 pack 属性：指定在水平位置；start(靠左) ，center（居中） ，end(靠右)

 align属性：指定垂直方向的位置：start(靠上) ，center（居中） ，end(靠下)

 hflex属性：父容器没设置宽度的话，按照实际内容宽度水平自动填充；父容器设置宽度的话，如果同级的组件没有设置宽度，平分父级容器总宽度。

 

代码：

<hbox height="50px" width="100%" align="center">
	<hbox hflex="true" align="center" pack="start">
	<label value="条码：" />
	<textbox />
	<space width="50px"></space>
	<label value="时间段：" />
	<datebox />
	<timebox />
	<label value="-" />
	<datebox />
	<timebox />
	</hbox>
	<hbox  align="center" pack="end" width="100px">
		 <button label="筛选" width="70px" />
	</hbox>
</hbox>

 

效果：