Question

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

我尝试过玩z-index，overflow，position和float，但到目前为止还没有运气。我对Dojo相当新，所以我认为我没有找到正确的样式参数组合。

有没有人有任何想法？

提前致谢！

Answer 1

尝试为您的标题栏添加ID，然后添加偶数挂钩，如下所示。要为小部件提供ID，只需将其作为id:'leftId'放入 props 即可。我将使用你的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);
    });
});

如何强制Dojo TitlePane与CSS重叠？

1 个答案: