Question

我是Dojo的新手，我正在尝试创建一个显示消息和图标的（dijit）对话框弹出窗口。我以编程方式执行此操作，并设法创建对话框，但我无法弄清楚如何将图标图像添加到对话框中。

我找到了一个似乎很有希望的解决方案，但最终却无法正常工作。

继承人我试过的事情

Dialog.js中的

对话框声明

this.myDialog = new Dialog({

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

CSS中的Icon类

.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>

我弹出一个对话框，显示一条消息，但没有图标，甚至没有一个提示（当图像路径错误时，你得到的空占位符）

Answer 1

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>

在Dijit Dialog中添加消息图标

1 个答案: