Tôi muốn một phần tử con gửi một sự kiện tùy chỉnh và phần tử gốc để nghe và thực hiện một số hành động. Làm thế nào để làm điều này khi làm việc với Polymer?Làm thế nào để bạn gửi và nghe các sự kiện tùy chỉnh trong Polymer?
11
A
Trả lời
14
Bạn có thể gửi một sự kiện tùy chỉnh từ một phần tử polymer như thế này:
dispatchEvent(new CustomEvent('nameOfEvent'));
Sau đó, yếu tố phụ huynh có thể nghe cho sự kiện tùy chỉnh như thế này:
<child-element on-childspeaks="fireAway"></child-element>
Đây là một hoàn chỉnh hơn ví dụ cho thấy cách hoạt động của nó. Thứ nhất, đây là mã cho các phần tử con:
<!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>
Và đây là mã cho các yếu tố phụ huynh:
<!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
Phần 'with ObservableMixin' có cần thiết không? –
Các vấn đề liên quan
- 1. Làm cách nào để kích hoạt sự kiện tùy chỉnh từ Polymer Dart?
- 2. Làm cách nào để nghe các sự kiện trong symfony?
- 3. Gửi các sự kiện tùy chỉnh với khung Dojo
- 4. Sự kiện Java và trình nghe sự kiện
- 5. Làm thế nào để đồng bộ hóa các sự kiện hoạt hình CSS3 và Trình nghe sự kiện với jQuery
- 6. OSX Quartz Event Taps: loại sự kiện và làm thế nào để chỉnh sửa sự kiện
- 7. phi tiêu cách tạo, nghe và phát ra sự kiện tùy chỉnh?
- 8. Làm thế nào để nghe các sự kiện bấm trên toàn bộ trang trong thiên thạch?
- 9. Firing và chụp tùy chỉnh các sự kiện
- 10. Android - trình nghe sự kiện
- 11. Làm thế nào để thêm người nghe sự kiện vào một mảng của các đối tượng
- 12. Sự kiện tùy chỉnh bong bóng xuống
- 13. Làm thế nào để tạo tùy chỉnh sạch (sau-sạch) sự kiện trong Visual Studio 2008?
- 14. Làm thế nào để bạn tùy chỉnh/lỗi codeigniter kiểu?
- 15. Sự kiện tùy chỉnh trong C++?
- 16. Sự kiện Bubbling cho Sự kiện tùy chỉnh trong WPF?
- 17. Tạo trình nghe tùy chỉnh Trong Java
- 18. Làm thế nào để nâng cao sự kiện tùy chỉnh từ một lớp tĩnh
- 19. Sự kiện tùy chỉnh trong HTML, Javascript
- 20. Làm thế nào để tạm thời vô hiệu hóa người nghe sự kiện trong Swing?
- 21. Tôi làm cách nào để gửi các sự kiện chính trong Android?
- 22. Muốn gửi thông số với sự kiện công văn tùy chỉnh
- 23. Tôi làm cách nào để xây dựng trình gỡ lỗi tùy chỉnh gắn với quy trình .NET và lắng nghe các sự kiện của một loại cụ thể?
- 24. Làm cách nào để tăng sự kiện trong FakeItEasy cho sự kiện dựa trên đại biểu tùy chỉnh?
- 25. Tôi làm cách nào để nghe các sự kiện clipboard trong node.js?
- 26. Làm thế nào để xóa tất cả người nghe sự kiện cùng một lúc trong AS3
- 27. Cách theo dõi sự kiện tùy chỉnh trong paper_trail?
- 28. Làm thế nào để loại bỏ sự kiện người nghe trong phần mở rộng Chrome
- 29. Làm thế nào để bạn kiểm tra các sự kiện bàn phím với kivy?
- 30. FullCalendar: Cách dừng kéo các sự kiện tùy chỉnh?
thể trùng lặp của [Làm thế nào để bắn một sự kiện tùy chỉnh từ Polymer Dart ?] (http://stackoverflow.com/questions/18971511/how-do-i-fire-a-custom-event-from-polymer-dart) –