創建dojo按鈕說明性

我試圖使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'"似乎它不工作的時候。

任何幫助將不勝感激，謝謝！

編輯：只是注意到元標記中缺少結束語，但問題依然存在。

來源

2017-02-25 Mystified

首先你沒聽例如claro.css指道場CSS主題文件，不要忘記追加class="claro"你的身體標記。

二點也是你錯過了道場使用精靈的CSS一類是指圖標，請注意，dijitEditorIcon參考圖像URL的背景，你必須指定指這最後在該現在的位置是第二類圖片背景iconClass:'dijitEditorIcon dijitEditorIconCut'

，你可以在這裏找到圖標類名dijitEditorIcon IconClass names

波紋管工作片段：

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>

請參閱本作更多的瞭解有關可用的主題=>Link

來源

2017-02-26 07:54:57

非常感謝！現在就像一個魅力！ – Mystified

+1，歡迎您:) –

創建dojo按鈕說明性

回答

相關問題