我正在尝试在我的网页中使用绝对布局,并在borderlayout中添加绝对布局,现在绝对布局包含绝对子项,并且它包含不同的组件,如此...
<zk xmlns:x="xhtml" xmlns:zk="zk">
<borderlayout width="100%" height="100%"
apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm') @init('com.web.viewmodel.MyEditViewModel')">
<north border="none">
//ToolBar will come here
</north>
<center border="none" sclass="sub-tab-panel">
<vlayout vflex="1" hflex="1" sclass="vertical-scroll"
draggable="sizer">
<separator />
<groupbox mold="3d">
<x:table cellpadding="3" width="500px" height="350px">
<absolutelayout id="mainLayout" droppable="abschild">
<absolutechildren>
<label draggable="abschild" value="Type" sclass="field-label" />
<label draggable="abschild" value="@bind(vm.folderType)" />
</absolutechildren>
<absolutechildren>
<label draggable="abschild" value="Select" sclass="field-label" />
<combobox draggable="abschild" model="@load(vm.statusCodeOptions)" selectedItem="@bind(vm.statusCode)"/>
</absolutechildren>
</x:table>
</groupbox>
</vlayout>
<center>
</borderlayout>
</zk>
现在我的问题是,在使用AbsoluteLayout之后,页面中没有显示任何人知道问题是什么?
FIddle示例图片..
答案 0 :(得分:1)
让我猜x:table表示xhtml表,你需要的是添加tr和td(具有指定的高度):
即,
<x:table cellpadding="3" width="500px" height="350px">
<x:tr><x:td style="height: 350px;">
<absolutelayout ...
</x:td></x:tr>
</x:table>
你还需要指定一个绝对的x和y:
<absolutechildren x="10" y="100">
测试结果