Как связать объект, бросить несколько дочерних элементов

Question

TLDR : Как определить и передать вверх общее свойство бросить 3 зарегистрированных элемента?

Предположим, что у вас есть родительский элемент интерфейса, и назовите его приборной панелью, теперь <dashboard> имеет дочерний элемент с именем <tree-node>, который включает в себя еще один дочерний элемент с именем <tree-node-element>, который предлагает пользователю отправить некоторые данные.в массив с именем chapters.

Как передать объект chapters от <tree-node-element> вверх до <dashboard>, если я определю свойство chapters в каждом элементе, какие флаги я должен дать этому свойству в каждом определении.

Полимер V1x

Answer 1

Определите свойство глав на верхнем узле панели мониторинга. Распространите это через дерево через связывание данных полимера. Пусть дочерний узел (tree-node-element) отправляет событие для изменения значения. Пусть элемент dashboard прослушивает событие и обновит значение с помощью this.set (). Затем значение будет автоматически распространяться на все дочерние узлы в дереве. Таким образом, вам нужно только реализовать логику для обновления данных в одном месте.

Answer 2

Используйте всплывающее окно события, поэтому fire() событие node-element-foo-changed и прослушайте его в элементе панели мониторинга.

Это, вероятно, поздняя стадия, но вы также можете, например, использовать Redux или миксины данных для состоянияУправление в вашем приложении.