html - 使用 x-tag 创建自定义 _nested_ html 标签

Question

我正在尝试使用 Mozilla 的http://www.x-tags.org/创建自定义 html 标签。我已经能够注册一个测试标签并正确使用它；但是，我找不到任何嵌套标签的好例子。

例如： <parent-tag parent-attribute="parent"> <child-tag child-attribute="child1"/> <child-tag>child2</child-tag> </parent-tag> 我可以使用“访问器”获取父属性，但是如何获取子属性或第二个子标签的值？

我已经看到了一些提示，即在子节点的生命周期内，我应该引用父节点。但是，当一组标签层次结构协同工作以创建结果时，它是如何工作的：

<chart-tag width="300", height="300"> <chart-x-axis isVisible="false"/> <chart-y-axis min="0" max="100"/> <chart-legend> this is the legend</chart-legend> </chart-tag>

为了将这个虚构的标签汤转换为图表，我需要从所有节点获取所有值。我必须自己开始遍历父/兄弟节点吗？

Answer 1

我已经能够解决这个问题，尽管我不确定这是否是最好的方法。

在父标签中，到 'inserted' 生命周期被调用时，所有子节点都已被解析并可以通过

xtag.queryChildren(this,'child-node-tag');

子节点的引用可以用来遍历它的属性：childnode.attribute1

请注意，子标签也必须注册，尽管似乎不需要以任何直接方式“链接”父标签和子标签。一个非常简单的例子在https://github.com/falconair/dimple-chart/blob/master/dimple-chart-test.htm（看看版本历史早期的代码，不知道如何它会随着时间的推移而发展）。