以声明方式创建Dojo按钮

z4iuyo4d 于 2022-12-20 发布在 Dojo

关注(0)|答案(1)|浏览(334)

我尝试用声明方式而不是编程方式来创建Dojo按钮，但是似乎无法使data-dojo-props iconClass属性正常工作。

<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，因为我的第一个问题是拼写digit而不是dijit...然而，现在当尝试data-dojo-props="iconClass:'dijitEditorIcon'"时，它似乎不起作用。
任何帮助将不胜感激，谢谢！

**EDIT：**刚刚注意到 meta标记中缺少结束引号，但是问题仍然存在。

dojo

来源：https://stackoverflow.com/questions/42462589/creating-dojo-button-declaritively

1条答案

按热度按时间

cbeh67ev1#

- 第一个**你错过了引用一个dojo css主题文件的例子claro.css，别忘了把class="claro"附加到你的body标签上。
- 第二点**也是你错过了一个类，引用图标，注意dojo使用sprites 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

赞(0）回复(0）举报 2022-12-20

我来回答

以声明方式创建Dojo按钮

1条答案

相关问题

热门标签

最新问答