0

私は自分のWebページで絶対レイアウトを使用しようとしており、その絶対レイアウトを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 サンプル画像.. ここに画像の説明を入力

4

1 に答える 1

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>

また、1人のabsolutechidrenのxとyを指定する必要があります。

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

zkfiddleのサンプルを参照してください

テスト結果

絶対レイアウトテスト

于 2013-03-07T12:23:19.993 に答える