ZK絕對佈局問題使用ZUL頁面？

我想在我的網頁使用絕對佈局，並補充說，裏面的borderlayout絕對佈局，現在絕對佈局的含有絕對的孩子，它包含difrent成分是這樣的..ZK絕對佈局問題使用ZUL頁面？

<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之後沒有任何內容顯示在頁面中任何人都知道什麼是問題？

撥弄例如圖像.. enter image description here

來源

2013-03-07 Subodh Joshi

讓我猜X：表指的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>

，你還需要指定一個absolutechidren的X和Y：

<absolutechildren x="10" y="100">

看到sample at zkfiddle

測試結果

absolutelayout test

來源

2013-03-07 12:23:19 benbai123

喜奔我只是運行在撥弄那裏也沒有任何組件顯示 – 2013-03-07 12:36:20

它工作正常，你對我的例子中，截屏附 – benbai123 2013-03-07 13:36:59

看到的影像通過添加我在IE（9.0.8112）以及Firefox19.0中發生的同樣的事情看不到任何組件 – 2013-03-07 16:57:49

ZK絕對佈局問題使用ZUL頁面？

回答

相關問題