1

中央のペインの右上に2つのウィジェットがあるこのjsfiddleがあります。TitlePane現在、右TitlePane（「ベースマップの切り替え」）をクリックすると、左TitlePane（「マップオーバーレイ」）が左にシフトします。代わりに、右TitlePaneを開いたときに、左TitlePaneをシフトするのではなく非表示にします。

、、、、で遊んでみましたがz-index、今のところ運がありません。私は道場にかなり慣れていないので、スタイルパラメータの正しい組み合わせを見つけられなかったと思います。overflowpositionfloat

誰かアイデアはありますか？

前もって感謝します！

4

1 に答える 1

2

タイトルペインにIDを付けてから、以下に示すように偶数フックを追加してみてください。ウィジェットにIDを与えるには、単にウィジェットを小道具に入れid:'leftId'ます。例では、あなたのclassNamesをidとして使用します。

dojo.addOnLoad(function() {
    var wLeft = dijit.byId('leftTitlePane');
    var wRight = dijit.byId('rightTitlePane');
    dojo.connect(wLeft, 'onShow', function() {
        wRight.domNode.style.display = 'none';
    });
    dojo.connect(wLeft, 'onHide', function() {
        // wait a few for collapse to finish
        setTimeout(function() {wRight.domNode.style.display = '';}, 120);
    });
    dojo.connect(wRight, 'onShow', function() {
        wLeft.domNode.style.display = 'none';
    });
    dojo.connect(wRight, 'onHide', function() {
        // wait a few for collapse to finish
        setTimeout(function() {wLeft.domNode.style.display = '';}, 120);
    });
});
于 2012-07-25T17:22:33.340 に答える