dijit.form.button with img src in programmatic

有沒有方法在dijit.form.button的程序中添加img src標籤？dijit.form.button with img src in programmatic

在聲明中，我們可以做這樣的事情：

<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", 
    })

您的幫助將是非常讚賞。

在此先感謝

來源

2012-05-12 user1390837

我覺得你的做法應該是你做了什麼，並創建自定義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類會在模板中期待其他節點的其它修改。

來源

2012-05-12 11:59:29

感謝您的幫助，我想我會嘗試第二個，當它完成時給我們一些反饋 – user1390837

下面將做你想做的

this.button1.attr('label','<img src="' + this.constants.packagePrefix + '/images/button1.gif"/>');

我在這裏找到： http://mail.dojotoolkit.org/pipermail/dojo-interest/2009-August/038353.html

來源

2013-05-30 14:02:48

我一直在使用一類具有對按鈕的背景圖像。這真的使它很難動態設置圖像。所以，我用這個成功了：

domStyle.set(myButton.iconNode, 'background-image', 'url(images/icon.png)');

訣竅是使用iconNode而不是domNode或containerNode。

來源

2015-05-20 19:33:53

dijit.form.button with img src in programmatic

回答

相關問題