Question

目标是编写类似于Select with options的自定义小部件。选项应该能够声明为声明。例如：

<div data-dojo-type="MySelect"> 
  <span class="my-select-option" data-dojo-type="MySelectOption>Foo</span>
  <span class="my-select-option" data-dojo-type="MySelectOption>Bar</span>
</div>

问题是所有<span>都会被覆盖并删除。在MySelect的JavaScript文件中正确处理它们的方法是什么？

Answer 1

您可以data-dojo-props与dojo/parser一起使用来装饰性地配置自定义小部件。

这里有一个可能的标记的快速示例，请注意：

使用data-dojo-type指定您的自定义＆＃34;类＆＃34;为你的小部件。
使用data-dojo-props在实例化时向构造函数传递任何类型的配置信息。

data-dojo-props是HTML5数据属性，可与最新版本的Dojo一起使用。

HTML中的标记：

<div id="instanceId" data-dojo-type="nameSpace/class" data-dojo-props="data: 'some data'"></div>

这个阅读是一个好的开始：

https://dojotoolkit.org/documentation/tutorials/1.10/declarative/

有关解析的更多信息：

https://dojotoolkit.org/reference-guide/1.10/dojo/parser.html

Dojo：以声明方式使用Options定义类似Select的窗口小部件

1 个答案: