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属性，因此没有对您设置的值进行任何操作。

您希望图标出现在哪里？在标题栏中还是作为内容窗口的一部分？

如果您希望它出现在标题栏中，那么您需要覆盖 Dialog 在实例化小部件时使用的模板，并在覆盖的模板中为图标留出位置。

看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 回答