0

TabContainer私はこのような上部の領域の内側に配置したいと思いBorderContainerます：

<div id="appLayout" data-dojo-type="dijit/layout/BorderContainer">
    <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region: 'top'">
        <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 1'">tab 1</div>
        <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 2'">tab 2</div>
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'">center</div>
</div>​

これを試してみるTabContainerと見えません。：TabContainerの中央領域にを配置すると、すべてが正常に機能します。BorderContainer

<div id="appLayout" data-dojo-type="dijit/layout/BorderContainer">
    <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region: 'center'">
        <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 1'">tab 1</div>
        <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 2'">tab 2</div>
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'bottom'">bottom</div>
</div>​

なぜTabContainer上部の領域に見えないのですか？見えるようにできますか？

編集：コンテンツのTabContainer高さは可変なので、手動で高さを設定したくありません。

4

2 に答える 2

1

TabContainer div の高さ css プロパティを次のように設定します。

<div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region: 'top'" style="height: 100px;">
    ...
</div>
于 2012-12-03T20:27:17.047 に答える