0

この構造の 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();
4

1 に答える 1

2

底の高さがうまくいかないというのがどういう意味なのかよくわかりませんが、もっと具体的に教えてもらえますか? これは動作中のjsfiddleです多分これは役に立ちますか? http://jsfiddle.net/edchat/1cr6hsfa/

スプリッターとパディングがスペースを占有しているため、サイズが 50% では機能しないため、両方の contentPanes が 50% を使用する余地がありません。

そして、あなたは「サイドバー」をデザインしたくないと思います

design:'sidebar',
于 2015-01-23T18:58:20.397 に答える