0

Dojo は初めてで、メッセージとアイコンを表示する (dijit) ダイアログ ポップアップを作成しようとしています。私はこれをプログラムで行っており、ダイアログを作成できましたが、アイコン画像をダイアログに追加する方法を理解できませんでした。

有望と思われる解決策を見つけましたが、結局うまくいきませんでした。

ここに私が試したものがあります

Dialog.js でのダイアログ宣言

this.myDialog = new Dialog({

                        title: this.title,
                        content: "<center>"+this.content+"</center>"+"<br>",
                        doLayout: false,
                        style: "width: 50%"
                        });

CSS のアイコン クラス

.myIcon {
 background: url("fakepath/images/32.png");
 background-repeat: no-repeat;
 width: 16px;
 height: 16px;
 text-align: left;
}

jsp でのダイアログの宣言

<ui:dialog title="Dialog Box" id="myDialog" content="Hi There"
     buttonType="OK" iconClass="myIcon"></ui:dialog>

メッセージが表示されたダイアログがポップアップしますが、アイコンやアイコンのヒントさえありません (画像パスが間違っている場合に表示される空のプレースホルダー)

4

1 に答える 1

0

dijit/Dialogはプロパティをサポートしていないため、iconClass設定した値に対して何も行われません。

アイコンはどこに表示されると思いますか? タイトル バーまたはコンテンツ ウィンドウの一部として?

タイトル バーに配置したい場合は、ウィジェットをインスタンス化するときにダイアログが使用するテンプレートをオーバーライドし、オーバーライドされたテンプレートにアイコンの場所を作成する必要があります。

見るdijit/templates/Dialog.html

コンテンツ ウィンドウの一部として表示する場合は、コンテンツとして設定した html にそれを書き込む必要があります。

<div class="dialogMessage">
   <div class="dijitInline messageIcon error></div>
   <div class="dijitInline message">
      <span>Your message here.</span>
   </div>
</div>
于 2013-05-15T11:11:13.607 に答える