1

我有一个使用 javascript API 构建的应用程序，并在标题中创建了 3 个标题窗格，这些标题窗格打开以显示信息（底图库、图例、图层）。它完全按照我想要的方式运行，现在我想通过为每个窗格提供自己的图像来使其“看起来很漂亮”，当您单击图像时，它会以相同的方式打开窗格。

但是，我尝试过覆盖 CSS，这会为所有标题窗格提供相同的图像。看起来我需要将标题窗格转换为切换按钮。阅读一些示例，我似乎需要在 html 更改之外添加其他代码。有没有最好的方法来进行这个编辑？

这是创建标题窗格的 html 示例，“basemapGallery” div 是窗格内的信息，我想在其中制作下拉菜单或可以控制图像的任何其他类型的按钮。

<div dojoType="dijit.TitlePane" title="Switch Basemap" closable="false" open="false" style="float:right; margin-right:10px;">
                <div dojoType="dijit.layout.ContentPane"  style="width:275px; height:560px; overflow:auto;">
         <div id="basemapGallery"></div>
                </div>
  </div>

标题有一个灰色的矩形框，我想成为一个图像，您在其中单击图像，它会打开按钮内的内容。

编辑 最终目标是使按钮具有与标题中的按钮相似的外观：http: //localgovtemplates2.esri.com/ParkFinder/default.htm

4

1 回答 1

0

我最终通过引用 fx.toggler 的旧帖子找到了一些帮助。像魅力一样工作。现在它只是按照我想要的方式设计它，但基本功能就在那里。

于 2012-09-20T12:23:12.970 回答