Question

我试图以声明方式而不是以编程方式制作dojo按钮。但是，我似乎无法使[attribute]_at?属性正常工作。

data-dojo-props iconClass

我有正确链接的dojo.js，因为我的第一个问题是拼写数字而不是dijit ...但是，现在尝试<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>时它似乎不起作用。

任何帮助将不胜感激，谢谢！

编辑：刚刚注意到元标记中缺少引号，但问题仍然存在。

Answer 1

首先您错过了通过示例claro.css引用dojo css主题文件，请不要忘记将class="claro"附加到您的正文标记。

第二点也是你错过了一个引用图标的类，注意dojo使用sprite 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>

有关可用主题的更多理解，请参阅此内容=＆gt; Link

明确地创建dojo按钮

1 个答案: