3

Dojo Toolkitを使用して、 BorderContainer内に2 つのcontentPanesがあります。次のようになります。

<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" id="borderContainerB" style="height: 200px">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'top'" style="width: 100px;">Hi, I'm leading pane<br><br>Lots of stuff goes here.</div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'center'">Hi, I'm center pane</div>
</div>

JavaScript を使用して、スプリッターの位置をプログラムで変更したいと考えています。あるケースでは、contentPane が 1 つしか表示されないように、横に移動したいと考えています。スプリッターの位置を変更するにはどうすればよいですか?

すでに試しました：

var datasetArea = document.getElementById("studiesDatasetArea");
datasetArea.style.height = newHeight + "px";

これはうまくいきませんでした:

dojo.widget.byId('studiesDatasetArea').resizeTo(400, newHeight);

スプリッターの位置を移動するだけでなく、borderContainer のサイズを変更します。外側のborderContainerのサイズを変更したくありません。

4

2 に答える 2