image - dijit.form.button 与程序化的 img src

Question

有没有办法在程序中为 dijit.form.button 添加 img src 标签？

在声明中，我们可以做这样的事情:

<div dojoType="dijit.form.Button"><img src="images/img.png"/></div>

在这种情况下，dijit 按钮完全被图像取代。

如果我尝试这样的操作，图像不会替换按钮而是出现在:

var button = new dijit.form.Button({
        showLabel : false,
        label : "Validate",
        iconClass : "alphaIcon validateIcon",   
    })

非常感谢您的帮助。

提前致谢

Answer 1

我认为您的方法应该完全按照您所做的去做，并创建自定义 CSS 来修改外观。

myIconButton.dijitButton .dijitButtonNode {
  border: 0;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

var button = ... // same as above
dojo.addClass(button.domNode, 'myIconButton');

要直接回答您的问题，您可以使用只有图像源的自定义模板创建自己的按钮小部件。

dojo.declare("MyIconButton", [Button], {
  templateString: '<div><img src="${imageSrc}"></img></div>'
});

注意:我没有测试这种方法，您可能需要在 MyIconButton 中进行其他修改，因为基 Button 类需要模板中的其他节点。