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 に答える