我想要一个具有这种结构的 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();