-<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.util.Observable-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.util.Observable-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.util.Observable-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.util.Observable-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.util.Observable"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class <a href="source/Observable.html#cls-Ext.util.Observable">Ext.util.Observable</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.util</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/Observable.html#cls-Ext.util.Observable">Observable.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Observable.html#cls-Ext.util.Observable">Observable</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.Component.html" ext:cls="Ext.Component">Component</a>, <a href="output/Ext.Direct.html" ext:cls="Ext.Direct">Direct</a>, <a href="output/Ext.History.html" ext:cls="Ext.History">History</a>, <a href="output/Ext.Resizable.html" ext:cls="Ext.Resizable">Resizable</a>, <a href="output/Ext.SplitBar.html" ext:cls="Ext.SplitBar">SplitBar</a>, <a href="output/Ext.Updater.html" ext:cls="Ext.Updater">Updater</a>, <a href="output/Ext.data.Connection.html" ext:cls="Ext.data.Connection">Connection</a>, <a href="output/Ext.data.DataProxy.html" ext:cls="Ext.data.DataProxy">DataProxy</a>, <a href="output/Ext.data.Node.html" ext:cls="Ext.data.Node">Node</a>, <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a>, <a href="output/Ext.data.Tree.html" ext:cls="Ext.data.Tree">Tree</a>, <a href="output/Ext.dd.DragTracker.html" ext:cls="Ext.dd.DragTracker">DragTracker</a>, <a href="output/Ext.direct.Provider.html" ext:cls="Ext.direct.Provider">Provider</a>, <a href="output/Ext.form.BasicForm.html" ext:cls="Ext.form.BasicForm">BasicForm</a>, <a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">AbstractSelectionModel</a>, <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">ColumnModel</a>, <a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">GridView</a>, <a href="output/Ext.grid.PropertyStore.html" ext:cls="Ext.grid.PropertyStore">PropertyStore</a>, <a href="output/Ext.list.ColumnResizer.html" ext:cls="Ext.list.ColumnResizer">ColumnResizer</a>, <a href="output/Ext.list.Sorter.html" ext:cls="Ext.list.Sorter">Sorter</a>, <a href="output/Ext.tree.DefaultSelectionModel.html" ext:cls="Ext.tree.DefaultSelectionModel">DefaultSelectionModel</a>, <a href="output/Ext.tree.MultiSelectionModel.html" ext:cls="Ext.tree.MultiSelectionModel">MultiSelectionModel</a>, <a href="output/Ext.tree.TreeLoader.html" ext:cls="Ext.tree.TreeLoader">TreeLoader</a>, <a href="output/Ext.util.ClickRepeater.html" ext:cls="Ext.util.ClickRepeater">ClickRepeater</a>, <a href="output/Ext.util.MixedCollection.html" ext:cls="Ext.util.MixedCollection">MixedCollection</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr></table><div class="description">Base class that provides a common interface for publishing events. Subclasses are expected to
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.util.Observable-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.util.Observable-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.util.Observable-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.util.Observable-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.util.Observable"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class <a href="source/Observable.html#cls-Ext.util.Observable">Ext.util.Observable</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.util</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/Observable.html#cls-Ext.util.Observable">Observable.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Observable.html#cls-Ext.util.Observable">Observable</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.Component.html" ext:cls="Ext.Component">Component</a>, <a href="output/Ext.Direct.html" ext:cls="Ext.Direct">Direct</a>, <a href="output/Ext.History.html" ext:cls="Ext.History">History</a>, <a href="output/Ext.Resizable.html" ext:cls="Ext.Resizable">Resizable</a>, <a href="output/Ext.SplitBar.html" ext:cls="Ext.SplitBar">SplitBar</a>, <a href="output/Ext.Updater.html" ext:cls="Ext.Updater">Updater</a>, <a href="output/Ext.data.Connection.html" ext:cls="Ext.data.Connection">Connection</a>, <a href="output/Ext.data.DataProxy.html" ext:cls="Ext.data.DataProxy">DataProxy</a>, <a href="output/Ext.data.Node.html" ext:cls="Ext.data.Node">Node</a>, <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a>, <a href="output/Ext.data.Tree.html" ext:cls="Ext.data.Tree">Tree</a>, <a href="output/Ext.dd.DragTracker.html" ext:cls="Ext.dd.DragTracker">DragTracker</a>, <a href="output/Ext.direct.Provider.html" ext:cls="Ext.direct.Provider">Provider</a>, <a href="output/Ext.form.BasicForm.html" ext:cls="Ext.form.BasicForm">BasicForm</a>, <a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">AbstractSelectionModel</a>, <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">ColumnModel</a>, <a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">GridView</a>, <a href="output/Ext.grid.PropertyStore.html" ext:cls="Ext.grid.PropertyStore">PropertyStore</a>, <a href="output/Ext.list.ColumnResizer.html" ext:cls="Ext.list.ColumnResizer">ColumnResizer</a>, <a href="output/Ext.list.Sorter.html" ext:cls="Ext.list.Sorter">Sorter</a>, <a href="output/Ext.tree.DefaultSelectionModel.html" ext:cls="Ext.tree.DefaultSelectionModel">DefaultSelectionModel</a>, <a href="output/Ext.tree.MultiSelectionModel.html" ext:cls="Ext.tree.MultiSelectionModel">MultiSelectionModel</a>, <a href="output/Ext.tree.TreeLoader.html" ext:cls="Ext.tree.TreeLoader">TreeLoader</a>, <a href="output/Ext.util.ClickRepeater.html" ext:cls="Ext.util.ClickRepeater">ClickRepeater</a>, <a href="output/Ext.util.MixedCollection.html" ext:cls="Ext.util.MixedCollection">MixedCollection</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr></table><div class="description">Base class that provides a common interface for publishing events. Subclasses are expected to
to have a property "events" with all the events defined, and, optionally, a property "listeners"
with configured listeners defined.<br>
For example: