有没有办法在程序中为 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",
})
非常感谢您的帮助。
提前致谢
最佳答案
我认为您的方法应该完全按照您所做的去做,并创建自定义 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 类需要模板中的其他节点。
关于image - dijit.form.button 与程序化的 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10562510/