javascript - Dojo/Dijit TitlePane( basemap 库)放置

Question

我一直在尝试放置此 fiddle 的 basemap 库 TitlePane code 在 mapDiv(中心) Pane 的右侧，紧挨着 slider (标记为“BASEMAPS HERE”)。我在 Pane 的右上角创建了一个名为 switchPane 的 div，我希望 TitlePane 去那里(我最初认为“在”div 中，但它似乎不是工作)而不是在用于打开和关闭右 Pane 的切换按钮之上。我可以为 slider 进行内联绝对放置(我尝试使用相对位置，但没有成功)，但我无法为 basemap 库标题面板做同样的事情。我尝试更改 widjet 的许多 CSS 属性，但我迷路了，找不到要覆盖的属性!

Answer 1

我测试了你的 fiddle ，发现你的类被另一个覆盖了，所以你的 Basemapgallery 不会显示为 expectet。在这里检查我的 fiddle :http://jsfiddle.net/e0k6Lfsa/8/我为 tp 设置了一个单独的类，并将位置属性设置为重要。

.tpclass { 
position:absolute !important;
top:10px !important;
right:40px !important;
}

var switchPane = domConstruct.toDom("<div id='switchPane' style='position: absolute; right:45px; top:2px; z-Index:999;'><strong>BASEMAPS HERE</strong></div>");
domConstruct.place(switchPane, "mapDiv");   

  var tp = new TitlePane({
    id: "tp",
    title:"Basemaps",
    closable: false,
    open: false,
    region:"mapDiv",
    class:"tpclass"
    },dom.byId("switchPane"));

删除//appLayout.addChild(tp) 很重要；行，因此，Titlepane 的类被覆盖，而你的位置权利的其他类将不起作用。

问候，米里亚姆