2017-02-25 2 views
2

プログラムではなく宣言的にdojoボタンを作成しようとしています。しかし、私はdata-dojo-props iconClass属性が正しく動作するように見えることはできません。dojoボタンを宣言的に作成する

<head> 
    <meta charset=utf-8" /> 
    <script src="dojo/dojo.js" data-dojo-config="async:true"></script> 
    <script src="scripts/dojoMain.js"></script> 
</head> 
<body> 
<p id="picForm" name="picForm" action="#"> 
    <button data-dojo-type="dijit/form/Button" data-dojo-id="hide"> </button> 
    <button data-dojo-type="dijit/form/Button" data-dojo-id="next" data-dojo-props="iconClass:'dijitEditorIcon'" type="button"></button> 
</p> 

私はdojo.jsは正しく私の最初の問題ではなくdijitのより桁のスペルたようdata-dojo-props="iconClass:'dijitEditorIcon'"をしようとしたときに...しかし、今動作するようには思えないリンクされています。

ありがとうございます、ありがとうございます!

EDIT:メタタグの引用符が欠落していることに気がつきましたが、問題は解決しません。

答えて

1

まずあなたのbodyタグにclass="claro"を追加することを忘れないでください、例claro.cssによって道場CSSのテーマファイルを参照するために逃しました。

2点目は、あなたが使用スプライトのCSSを道場アイコンに参照するクラス、ノートを逃しもあり、dijitEditorIconは、画像のURLの背景を参照してください、あなたは、この最後のpostionを指し、第二のクラスを指定する必要があります

require(["dojo/parser"],function(parser){ 
 
    parser.parse(); 
 
});
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script> 
 
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet"/> 
 
<body class="claro"> 
 
    <p id="picForm" name="picForm" action="#"> 
 
     <button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitEditorIcon dijitCheckBoxIcon'" data-dojo-id="hide"> </button> 
 
     <button data-dojo-type="dijit/form/Button" data-dojo-id="next" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut'" type="button"></button> 
 
    </p> 
 
</body>
:作業スニペット怒鳴るdijitEditorIcon IconClass names

用画像の背景iconClass:'dijitEditorIcon dijitEditorIconCut'

あなたがここに見つけることができるアイコンのクラス名

は、利用可能なテーマについて詳しく理解=>Link

+0

おかげでたくさんのためにこれを参照してください!今の魅力のように動作します! – Mystified

+1

up +1、あなたは大歓迎です:) –

関連する問題