1

我有这个jsfiddle，它在中心窗格的右上角有两个TitlePane小部件。现在，当单击右侧TitlePane（“切换底图”）时，会导致左侧TitlePane（“地图叠加层”）向左移动。相反，我希望 rightTitlePane在打开时隐藏左侧TitlePane而不是移动它。

我试过玩z-index, overflow,position和float，但到目前为止还没有运气。我对 Dojo 还很陌生，所以我想我还没有找到正确的样式参数组合。

有没有人有任何想法？

提前致谢！

4

1 回答 1

2

尝试给你的标题窗格一个 id，然后添加如下所示的 evenhooks。要给一个小部件一个 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 回答