Dojo/Dijit TitlePane(底图库）放置

Dojo/Dijit TitlePane (Basemap Gallery) Placement

本文关键字：放置 Dijit TitlePane Dojo      更新时间：2023-09-26

我一直在尝试将此小提琴code的底图库标题窗格放置在 mapDiv（中心）窗格的右侧，滑块旁边（标记为"此处的底图"）。我在窗格的右上角创建了一个名为 switchPane 的div，我希望 TitlePane 去那里（我最初认为"在"div 内部，但它似乎不起作用），而不是在用于打开和关闭右窗格的切换按钮顶部。我可以为滑块进行内联绝对放置（我尝试使用相对位置，但它不起作用），但我无法对底图库标题窗格执行相同的操作。我试图更改 widjet 的许多 CSS 属性，但我迷路了，找不到要覆盖哪一个！

我测试了您的小提琴，发现您的类被另一个类覆盖，因此您的底图库不会显示为预期。在这里查看我的小提琴：http://jsfiddle.net/e0k6Lfsa/8/我为 tp 设置了一个单独的 clas，并将位置属性设置为重要。

.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）; 行是很关键的，因此，标题窗格的类被覆盖，并且您的位置权限将不起作用。

问候，米里亚姆

相关文章：