使用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> 我可以使用＆＃39;访问者来获取父属性，＆＃39;但是如何获得第二个子标记的子属性或值？

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

<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提供了一个非常简单的示例（请查看版本历史中的早期代码，不知道它将如何随时间演变）。