3

dijit.form.buttonのプログラムでimgsrcタグを追加する方法はありますか？

宣言型では、次のようなことができます。

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

あなたの助けをいただければ幸いです。

前もって感謝します

4

3 に答える 3

0

あなたのアプローチは、あなたがしたことを正確に行い、カスタム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>'
});

注: 私はこのアプローチをテストしませんでした。ベースの Button クラスはテンプレート内の他のノードを想定しているため、MyIconButton に必要な他の変更が存在する可能性があります。

于 2012-05-12T11:59:29.840 に答える
0

以下はあなたが望むことをします

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-30T14:02:48.987 に答える