PDA

View Full Version : Event driven programming in Ext JS



saeedneamati
17 Oct 2012, 2:10 AM
I'm working on an application where different widgets from different plugins would be loaded into a host, and they don't know of each other. So I want to use EDP and in one widget raise an event (for example, UserDeleted) and in another widget, subscribe to that event (the famous publisher/subscriber, or let's get more specific, observer pattern).

In jQuery I use trigger() and bind() methods to accomplish this. However, I'm not able to find anything equivalent in Ext JS. Am I missing something? Or is there any other pattern to create loosely coupled UI widgets in Ext JS?

Thanks.

kevin.chen
17 Oct 2012, 2:25 PM
Ext has a class Ext.util.Observable, in old Ext version, it is parent of all component, after ExtJs 4, it is a mixin for any class which is intended to be publisher

any class import Ext.util.Observalbe class is able to fire events and any component/class add an event listener on this instance to be able to listen this event, therefore to be notified when the event is fired. usually people who know JQuery, it is very easy to adopt ExtJs event mechanism


http://docs.sencha.com/ext-js/4-1/#!/api/Ext.util.Observable

saeedneamati
17 Oct 2012, 8:30 PM
Thanks. It was exactly what I wanted. However, the documentation lacks good examples. Can you please provide some good implementation examples?

How should I fire one of the custom events?