0

Dojo 1.6 のコードの一部を Dojo 1.8 に移行していますが、レイアウトを同じように動作させることができませんでした。そのため、問題を突き止めるためにコードを最小限に取り除いたところ、2 つの同一の jsfiddles が作成されました。コードをあるコードから別のコードにコピーしましたが、そのうちの 1 つは分割された dojo ContentPanes になり、もう 1 つはそうではありません。

例 #1 (レイアウトの動作): http://jsfiddle.net/mmlitvin/3onan361/17/

例 #2 (レイアウトが機能しない): http://jsfiddle.net/mmlitvin/Lt0a2fhd/

HTML

<body class="claro">
<div data-dojo-type="dijit.layout.BorderContainer" id="mainBC">  

    <div data-dojo-type="dijit.layout.BorderContainer" id="splitBC" data-dojo-props="region:'center'">
        <div data-dojo-type="dijit.layout.ContentPane" id="topPane" data-dojo-props="region:'top'">SQL Statement and details</div>
        <div data-dojo-type="dijit.layout.ContentPane" id="leftPane" data-dojo-props="region:'center'">Left Pane</div>
        <div data-dojo-type="dijit.layout.ContentPane" id="rightPane" data-dojo-props="region:'right',splitter:'true',minSize:1" style="width:50%;">Right Pane</div>
    </div>

</div>

Javascript

debugger;
dojo.require('dojo.parser');
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.Dialog");

CSS

#mainBC {
height:600px;
}
#topPane {
height: 15px;
border:none;
padding:0px;

}

4

1 に答える 1