Desidero che un elemento figlio invii un evento personalizzato e l'elemento padre lo ascolti e intraprende qualche azione. Come posso farlo quando lavoro con Polymer?Come spedisci e ascolta eventi personalizzati in Polymer?
11
A
risposta
14
È possibile inviare un evento personalizzato da un polimero elemento come questo:
dispatchEvent(new CustomEvent('nameOfEvent'));
Poi, elemento genitore può intercettare l'evento personalizzato come questo:
<child-element on-childspeaks="fireAway"></child-element>
Ecco più completo esempio che mostra come funziona. In primo luogo, qui è la codice per l'elemento figlio:
<!DOCTYPE html>
<polymer-element name="child-element">
<template>
<div on-click="dispatch">I am a child</div>
</template>
<script type="application/dart">
import 'dart:html';
import 'package:polymer/polymer.dart';
@CustomTag('child-element')
class ChildElement extends PolymerElement with ObservableMixin {
dispatch(Event e, var detail, Node sender) {
print('dispatching from child');
dispatchEvent(new CustomEvent('childspeaks'));
}
}
</script>
</polymer-element>
Ed ecco il codice per l'elemento principale:
<!DOCTYPE html>
<link rel="import" href="child_element.html">
<polymer-element name="parent-element">
<template>
<div>I am the parent</div>
<child-element on-childspeaks="fireAway"></child-element>
</template>
<script type="application/dart">
import 'dart:html';
import 'package:polymer/polymer.dart';
@CustomTag('parent-element')
class ParentElement extends PolymerElement with ObservableMixin {
void fireAway() {
window.alert('The child spoke, I hear');
}
}
</script>
</polymer-element>
+0
È necessaria la parte 'with ObservableMixin'? –
Problemi correlati
- 1. Ascolta eventi personalizzati in Vue.js
- 2. Come associare eventi personalizzati in AngularJS?
- 3. Eventi personalizzati in Magento
- 4. fabric.js canvas ascolta gli eventi della tastiera?
- 5. Ascolta gli eventi del browser nel goniometro
- 6. Come osservare gli eventi personalizzati in AngularJS?
- 7. Ascolta per più eventi su un $ scope
- 8. javascript: ascolta eventi postMessage da iframe specifico
- 9. eventi personalizzati globali in jQuery
- 10. Eventi personalizzati per UIView
- 11. Domanda sugli eventi personalizzati
- 12. Eventi personalizzati Backbone
- 13. Attivatore di eventi personalizzati con nomi personalizzati
- 14. Symfony2 dispatcher di eventi personalizzati e listener
- 15. Come si ascoltano gli eventi per gli elementi in Polymer 1.0?
- 16. definire eventi personalizzati per WebControl in asp.net
- 17. Eventi personalizzati in Node.js con Express framework
- 18. Posso usare jquery all'interno dei miei elementi Polymer personalizzati?
- 19. Listener di eventi personalizzati JavaScript
- 20. C# gestori di eventi personalizzati
- 21. jQuery: come utilizzare event.preventDefault() con eventi personalizzati?
- 22. Listener di eventi personalizzati Android
- 23. eventi personalizzati a bolle in giù
- 24. Winforms controlla gli eventi personalizzati
- 25. Polymer e TypeScript
- 26. Come creare eventi personalizzati dal vivo in jQuery
- 27. Ascolta le modifiche agli eventi iCal dal server
- 28. Come tenere traccia degli eventi personalizzati in paper_trail?
- 29. Eventi Java e listener di eventi
- 30. jQuery dati di eventi personalizzati (sottoscrizione e trigger)
possibile duplicato di [Come faccio sparo un evento personalizzato da Polymer Dart ?] (http://stackoverflow.com/questions/18971511/how-do-i-fire-a-custom-event-from-polymer-dart) –