将dijit.TitlePane转换为下拉按钮

时间:2012-09-17 19:21:01

标签: javascript html dojo arcgis-server

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

我尝试重写CSS但是,它给所有标题窗格提供了相同的图像。看起来好像我需要将titlepanes转换为togglebutton。阅读一些示例,看起来我需要在html更改之外添加其他代码。有没有最佳方式进行此编辑?

以下是创建titlepane的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

1 个答案:

答案 0 :(得分:0)

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