Question

有人可以帮助我吗？我想实现置于BorderContainer中的ContentPane的自动调整大小。这是一个简单的测试用例：http://jsfiddle.net/3dft2/1/ 在这种情况下，我在ContentPane中有TitlePane（但一般来说，它可能是里面的任何内容）。当我点击TitlePane（并打开=>内容高度更改）时，我想自动调整ContentPane的内容大小。即我想移动拆分器。如何实现这一目标？如何更改内容大小（无论何种内容）并自动调整ContentPane大小？

测试用例：

dojo.require("dijit.TitlePane");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.BorderContainer");
dojo.ready(function() {
     // create a BorderContainer as the top widget in the hierarchy
    var bc = new dijit.layout.BorderContainer({
        style: "height: 300px; width: 500px;"
    });

    var TitlePane = new dijit.TitlePane({
        title: 'title pane',
        open: false,
        content: "Collapse me!"        
    });

    // create a ContentPane as the left pane in the BorderContainer
    var cp1 = new dijit.layout.ContentPane({
        region: "top",
        style: "width: 100px",
        content: TitlePane,
        splitter: "true"
    });
    bc.addChild(cp1);

    // create a ContentPane as the center pane in the BorderContainer
    var cp2 = new dijit.layout.ContentPane({
        region: "center",
        content: "how are you?"
    });
    bc.addChild(cp2);

    // put the top level widget into the document, and then call startup()
    bc.placeAt(document.body);
    bc.startup();
});

Answer 1

折叠标题窗格时，请使用它的样式属性相应地降低高度。当它展开时，您可以根据需要设置添加高度。无论如何，已经有方法。我们只需要添加用于设置高度的代码。也许，如果你得到滚动条，这是你的问题，那么增加Border容器的高度。内容窗格默认情况下可自动调整大小。

如何在BorderContainer（dojo）中动态调整ContentPane的大小

1 个答案: