如何绑定对象抛出多个子元素

Question

TLDR ：如何定义并向上传递一个共有3个注册元素的公共属性？

假设您有一个父界面元素并将其称为仪表板，现在$.ajax({ url : 'TransposeDataServlet.servlet?pan='+panVal+'&ay1='+ay1+'&ay2='+ay2, type:'post', cache: false, success : function(result) { status=result; console.log('Data came : '+status); } }); 有一个名为<dashboard>的子元素，其中包含一个名为<tree-node>的另一个子元素，提示用户将一些数据放入名为“章节”的数组中。

如果应该在每个元素中定义Chapters属性，如何在每个定义中赋予该属性哪些标志，如何将章节对象从<tree-node-element>向上传递到<tree-node-element>。

聚合物V1x

Answer 1

使用事件冒泡，因此fire()是事件node-element-foo-changed，并在仪表板元素中进行监听。

这可能是后期阶段，但是例如，您也可以在应用程序中使用Redux或数据混合器进行状态管理。

Answer 2

在顶部节点仪表板上定义“章节”属性。通过聚合物数据绑定将其向下传播到树中。让子节点（tree-node-element）发出事件以更改值。让仪表板元素侦听事件并使用this.set（）更新值。然后，该值将自动向下传播到树中的所有子节点。这样，您只需要实现逻辑即可在一处更新数据。