BorderContainer dojo，顶部有 2 个 ContentPane，底部有 1 个

Question

我想要一个具有这种结构的 BorderContainer：

我有这段代码，但它不起作用。底部的高度不行，不知道怎么修。

                this.bc = new BorderContainer({
                    style: "height: 100%; width: 100%;",
                    design:'sidebar',
                    gutters:true,
                    liveSplitters:true,
                });

                this.cp1 = new ContentPane({
                    region: "leading",
                    style: "width: 50%;height : 50%;",
                    content: '<div style="width:100%;height:100%"></div>',
                    splitter:true
                });
                this.bc.addChild(this.cp1);

                this.cp2 = new ContentPane({
                    region: "center",
                    style: "width: 50%;height : 50%;",
                    content: '<div style="width:100%;height:100%"></div>',
                    splitter:true
                });
                this.bc.addChild(this.cp2);

                this.cp3 = new ContentPane({
                    region : "bottom",
                    style: "height : 50%",
                    content: '<div style="width:100%;height:100%"></div>',
                    splitter:true
                });
                this.bc.addChild(this.cp3);

                dijit.byId("containerPane").addChild(this.bc, 0);

                this.bc.startup();

                this.bc.resize();

Answer 1

不知道你说的底部高度不起作用是什么意思，能具体点吗？这是一个有效的 jsfiddle 也许这会有所帮助？ http://jsfiddle.net/edchat/1cr6hsfa/

尺寸无法使用 50%，因为拆分器和填充正在占用 space，因此您没有空间让两个 contentPanes 使用 50%。

而且我认为你不想设计：'sidebar'

design:'sidebar',

BorderContainer dojo，顶部有 2 个 ContentPane，底部有 1 个

BorderContainer dojo with 2 ContentPane in top and 1 in bottom

javascript

dojo

border-container