git.roojs.org Git - roojs1/blob - docs/symbols/Roo.util.Observable.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.util.Observable</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.util.Observable-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.util.Observable-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.util.Observable-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.util.Observable-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45 <!-- ============================== class title / details ============================ -->
  46
  47
  48     <h1 class="classTitle">
  49
  50                                 Class Roo.util.Observable
  51                         </h1>
  52
  53     <table cellspacing="0" class="class-summary-table">
  54
  55                 <tr><td class="label">Package:</td><td class="hd-info">Roo.util</td></tr>
  56
  57         <tr><td class="label">Defined In:</td><td class="hd-info">
  58
  59                                         <a href="./src/Roo_util_Observable.js.html">Roo/util/Observable.js</a>.
  60
  61         </td></tr>
  62         <tr><td class="label">Class:</td><td class="hd-info">Observable</td></tr>
  63
  64
  65         <tr><td class="label">Subclasses:</td><td class="hd-info">
  66                 <a href="./Roo.Ajax.html#constructor" roo:cls="Roo.Ajax.html#constructor">Roo.Ajax</a>, <a href="./Roo.BasicDialog.html#constructor" roo:cls="Roo.BasicDialog.html#constructor">Roo.BasicDialog</a>, <a href="./Roo.BasicLayoutRegion.html#constructor" roo:cls="Roo.BasicLayoutRegion.html#constructor">Roo.BasicLayoutRegion</a>, <a href="./Roo.BorderLayout.html#constructor" roo:cls="Roo.BorderLayout.html#constructor">Roo.BorderLayout</a>, <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>, <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>, <a href="./Roo.CalendarPanel.html#constructor" roo:cls="Roo.CalendarPanel.html#constructor">Roo.CalendarPanel</a>, <a href="./Roo.ColorPalette.html#constructor" roo:cls="Roo.ColorPalette.html#constructor">Roo.ColorPalette</a>, <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>, <a href="./Roo.ContentPanel.html#constructor" roo:cls="Roo.ContentPanel.html#constructor">Roo.ContentPanel</a>, <a href="./Roo.DatePicker.html#constructor" roo:cls="Roo.DatePicker.html#constructor">Roo.DatePicker</a>, <a href="./Roo.Document.html#constructor" roo:cls="Roo.Document.html#constructor">Roo.Document</a>, <a href="./Roo.Editor.html#constructor" roo:cls="Roo.Editor.html#constructor">Roo.Editor</a>, <a href="./Roo.GridPanel.html#constructor" roo:cls="Roo.GridPanel.html#constructor">Roo.GridPanel</a>, <a href="./Roo.HtmlEditorCore.html#constructor" roo:cls="Roo.HtmlEditorCore.html#constructor">Roo.HtmlEditorCore</a>, <a href="./Roo.JsonView.html#constructor" roo:cls="Roo.JsonView.html#constructor">Roo.JsonView</a>, <a href="./Roo.LayoutDialog.html#constructor" roo:cls="Roo.LayoutDialog.html#constructor">Roo.LayoutDialog</a>, <a href="./Roo.LayoutManager.html#constructor" roo:cls="Roo.LayoutManager.html#constructor">Roo.LayoutManager</a>, <a href="./Roo.LayoutRegion.html#constructor" roo:cls="Roo.LayoutRegion.html#constructor">Roo.LayoutRegion</a>, <a href="./Roo.Login.html#constructor" roo:cls="Roo.Login.html#constructor">Roo.Login</a>, <a href="./Roo.NestedLayoutPanel.html#constructor" roo:cls="Roo.NestedLayoutPanel.html#constructor">Roo.NestedLayoutPanel</a>, <a href="./Roo.ReaderLayout.html#constructor" roo:cls="Roo.ReaderLayout.html#constructor">Roo.ReaderLayout</a>, <a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a>, <a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a>, <a href="./Roo.SplitButton.html#constructor" roo:cls="Roo.SplitButton.html#constructor">Roo.SplitButton</a>, <a href="./Roo.SplitLayoutRegion.html#constructor" roo:cls="Roo.SplitLayoutRegion.html#constructor">Roo.SplitLayoutRegion</a>, <a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a>, <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>, <a href="./Roo.Toolbar.Button.html#constructor" roo:cls="Roo.Toolbar.Button.html#constructor">Roo.Toolbar.Button</a>, <a href="./Roo.Toolbar.SplitButton.html#constructor" roo:cls="Roo.Toolbar.SplitButton.html#constructor">Roo.Toolbar.SplitButton</a>, <a href="./Roo.TreePanel.html#constructor" roo:cls="Roo.TreePanel.html#constructor">Roo.TreePanel</a>, <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>, <a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a>, <a href="./Roo.ViewPanel.html#constructor" roo:cls="Roo.ViewPanel.html#constructor">Roo.ViewPanel</a>, <a href="./Roo.XComponent.html#constructor" roo:cls="Roo.XComponent.html#constructor">Roo.XComponent</a>, <a href="./Roo.bootstrap.Alert.html#constructor" roo:cls="Roo.bootstrap.Alert.html#constructor">Roo.bootstrap.Alert</a>, <a href="./Roo.bootstrap.Body.html#constructor" roo:cls="Roo.bootstrap.Body.html#constructor">Roo.bootstrap.Body</a>, <a href="./Roo.bootstrap.Brick.html#constructor" roo:cls="Roo.bootstrap.Brick.html#constructor">Roo.bootstrap.Brick</a>, <a href="./Roo.bootstrap.Button.html#constructor" roo:cls="Roo.bootstrap.Button.html#constructor">Roo.bootstrap.Button</a>, <a href="./Roo.bootstrap.ButtonGroup.html#constructor" roo:cls="Roo.bootstrap.ButtonGroup.html#constructor">Roo.bootstrap.ButtonGroup</a>, <a href="./Roo.bootstrap.Calendar.html#constructor" roo:cls="Roo.bootstrap.Calendar.html#constructor">Roo.bootstrap.Calendar</a>, <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a>, <a href="./Roo.bootstrap.Column.html#constructor" roo:cls="Roo.bootstrap.Column.html#constructor">Roo.bootstrap.Column</a>, <a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a>, <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>, <a href="./Roo.bootstrap.Container.html#constructor" roo:cls="Roo.bootstrap.Container.html#constructor">Roo.bootstrap.Container</a>, <a href="./Roo.bootstrap.DateField.html#constructor" roo:cls="Roo.bootstrap.DateField.html#constructor">Roo.bootstrap.DateField</a>, <a href="./Roo.bootstrap.DateSplitField.html#constructor" roo:cls="Roo.bootstrap.DateSplitField.html#constructor">Roo.bootstrap.DateSplitField</a>, <a href="./Roo.bootstrap.DocumentManager.html#constructor" roo:cls="Roo.bootstrap.DocumentManager.html#constructor">Roo.bootstrap.DocumentManager</a>, <a href="./Roo.bootstrap.DocumentSlider.html#constructor" roo:cls="Roo.bootstrap.DocumentSlider.html#constructor">Roo.bootstrap.DocumentSlider</a>, <a href="./Roo.bootstrap.DocumentViewer.html#constructor" roo:cls="Roo.bootstrap.DocumentViewer.html#constructor">Roo.bootstrap.DocumentViewer</a>, <a href="./Roo.bootstrap.Element.html#constructor" roo:cls="Roo.bootstrap.Element.html#constructor">Roo.bootstrap.Element</a>, <a href="./Roo.bootstrap.FieldLabel.html#constructor" roo:cls="Roo.bootstrap.FieldLabel.html#constructor">Roo.bootstrap.FieldLabel</a>, <a href="./Roo.bootstrap.Form.html#constructor" roo:cls="Roo.bootstrap.Form.html#constructor">Roo.bootstrap.Form</a>, <a href="./Roo.bootstrap.Graph.html#constructor" roo:cls="Roo.bootstrap.Graph.html#constructor">Roo.bootstrap.Graph</a>, <a href="./Roo.bootstrap.Header.html#constructor" roo:cls="Roo.bootstrap.Header.html#constructor">Roo.bootstrap.Header</a>, <a href="./Roo.bootstrap.HtmlEditor.html#constructor" roo:cls="Roo.bootstrap.HtmlEditor.html#constructor">Roo.bootstrap.HtmlEditor</a>, <a href="./Roo.bootstrap.Img.html#constructor" roo:cls="Roo.bootstrap.Img.html#constructor">Roo.bootstrap.Img</a>, <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>, <a href="./Roo.bootstrap.LayoutMasonry.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonry.html#constructor">Roo.bootstrap.LayoutMasonry</a>, <a href="./Roo.bootstrap.LayoutMasonryAuto.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonryAuto.html#constructor">Roo.bootstrap.LayoutMasonryAuto</a>, <a href="./Roo.bootstrap.Link.html#constructor" roo:cls="Roo.bootstrap.Link.html#constructor">Roo.bootstrap.Link</a>, <a href="./Roo.bootstrap.LocationPicker.html#constructor" roo:cls="Roo.bootstrap.LocationPicker.html#constructor">Roo.bootstrap.LocationPicker</a>, <a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a>, <a href="./Roo.bootstrap.Menu.html#constructor" roo:cls="Roo.bootstrap.Menu.html#constructor">Roo.bootstrap.Menu</a>, <a href="./Roo.bootstrap.MenuItem.html#constructor" roo:cls="Roo.bootstrap.MenuItem.html#constructor">Roo.bootstrap.MenuItem</a>, <a href="./Roo.bootstrap.MenuSeparator.html#constructor" roo:cls="Roo.bootstrap.MenuSeparator.html#constructor">Roo.bootstrap.MenuSeparator</a>, <a href="./Roo.bootstrap.MessageBar.html#constructor" roo:cls="Roo.bootstrap.MessageBar.html#constructor">Roo.bootstrap.MessageBar</a>, <a href="./Roo.bootstrap.Modal.html#constructor" roo:cls="Roo.bootstrap.Modal.html#constructor">Roo.bootstrap.Modal</a>, <a href="./Roo.bootstrap.MoneyField.html#constructor" roo:cls="Roo.bootstrap.MoneyField.html#constructor">Roo.bootstrap.MoneyField</a>, <a href="./Roo.bootstrap.MonthField.html#constructor" roo:cls="Roo.bootstrap.MonthField.html#constructor">Roo.bootstrap.MonthField</a>, <a href="./Roo.bootstrap.NavGroup.html#constructor" roo:cls="Roo.bootstrap.NavGroup.html#constructor">Roo.bootstrap.NavGroup</a>, <a href="./Roo.bootstrap.NavHeaderbar.html#constructor" roo:cls="Roo.bootstrap.NavHeaderbar.html#constructor">Roo.bootstrap.NavHeaderbar</a>, <a href="./Roo.bootstrap.NavItem.html#constructor" roo:cls="Roo.bootstrap.NavItem.html#constructor">Roo.bootstrap.NavItem</a>, <a href="./Roo.bootstrap.NavProgressBar.html#constructor" roo:cls="Roo.bootstrap.NavProgressBar.html#constructor">Roo.bootstrap.NavProgressBar</a>, <a href="./Roo.bootstrap.NavProgressItem.html#constructor" roo:cls="Roo.bootstrap.NavProgressItem.html#constructor">Roo.bootstrap.NavProgressItem</a>, <a href="./Roo.bootstrap.NavSidebar.html#constructor" roo:cls="Roo.bootstrap.NavSidebar.html#constructor">Roo.bootstrap.NavSidebar</a>, <a href="./Roo.bootstrap.NavSidebarItem.html#constructor" roo:cls="Roo.bootstrap.NavSidebarItem.html#constructor">Roo.bootstrap.NavSidebarItem</a>, <a href="./Roo.bootstrap.NavSimplebar.html#constructor" roo:cls="Roo.bootstrap.NavSimplebar.html#constructor">Roo.bootstrap.NavSimplebar</a>, <a href="./Roo.bootstrap.Navbar.html#constructor" roo:cls="Roo.bootstrap.Navbar.html#constructor">Roo.bootstrap.Navbar</a>, <a href="./Roo.bootstrap.NumberField.html#constructor" roo:cls="Roo.bootstrap.NumberField.html#constructor">Roo.bootstrap.NumberField</a>, <a href="./Roo.bootstrap.Pagination.html#constructor" roo:cls="Roo.bootstrap.Pagination.html#constructor">Roo.bootstrap.Pagination</a>, <a href="./Roo.bootstrap.PaginationItem.html#constructor" roo:cls="Roo.bootstrap.PaginationItem.html#constructor">Roo.bootstrap.PaginationItem</a>, <a href="./Roo.bootstrap.PagingToolbar.html#constructor" roo:cls="Roo.bootstrap.PagingToolbar.html#constructor">Roo.bootstrap.PagingToolbar</a>, <a href="./Roo.bootstrap.PhoneInput.html#constructor" roo:cls="Roo.bootstrap.PhoneInput.html#constructor">Roo.bootstrap.PhoneInput</a>, <a href="./Roo.bootstrap.Popover.html#constructor" roo:cls="Roo.bootstrap.Popover.html#constructor">Roo.bootstrap.Popover</a>, <a href="./Roo.bootstrap.Progress.html#constructor" roo:cls="Roo.bootstrap.Progress.html#constructor">Roo.bootstrap.Progress</a>, <a href="./Roo.bootstrap.ProgressBar.html#constructor" roo:cls="Roo.bootstrap.ProgressBar.html#constructor">Roo.bootstrap.ProgressBar</a>, <a href="./Roo.bootstrap.Radio.html#constructor" roo:cls="Roo.bootstrap.Radio.html#constructor">Roo.bootstrap.Radio</a>, <a href="./Roo.bootstrap.RadioSet.html#constructor" roo:cls="Roo.bootstrap.RadioSet.html#constructor">Roo.bootstrap.RadioSet</a>, <a href="./Roo.bootstrap.Row.html#constructor" roo:cls="Roo.bootstrap.Row.html#constructor">Roo.bootstrap.Row</a>, <a href="./Roo.bootstrap.SecurePass.html#constructor" roo:cls="Roo.bootstrap.SecurePass.html#constructor">Roo.bootstrap.SecurePass</a>, <a href="./Roo.bootstrap.Slider.html#constructor" roo:cls="Roo.bootstrap.Slider.html#constructor">Roo.bootstrap.Slider</a>, <a href="./Roo.bootstrap.SplitBar.html#constructor" roo:cls="Roo.bootstrap.SplitBar.html#constructor">Roo.bootstrap.SplitBar</a>, <a href="./Roo.bootstrap.TabGroup.html#constructor" roo:cls="Roo.bootstrap.TabGroup.html#constructor">Roo.bootstrap.TabGroup</a>, <a href="./Roo.bootstrap.TabPanel.html#constructor" roo:cls="Roo.bootstrap.TabPanel.html#constructor">Roo.bootstrap.TabPanel</a>, <a href="./Roo.bootstrap.Table.html#constructor" roo:cls="Roo.bootstrap.Table.html#constructor">Roo.bootstrap.Table</a>, <a href="./Roo.bootstrap.Table.AbstractSelectionModel.html#constructor" roo:cls="Roo.bootstrap.Table.AbstractSelectionModel.html#constructor">Roo.bootstrap.Table.AbstractSelectionModel</a>, <a href="./Roo.bootstrap.Table.RowSelectionModel.html#constructor" roo:cls="Roo.bootstrap.Table.RowSelectionModel.html#constructor">Roo.bootstrap.Table.RowSelectionModel</a>, <a href="./Roo.bootstrap.TableBody.html#constructor" roo:cls="Roo.bootstrap.TableBody.html#constructor">Roo.bootstrap.TableBody</a>, <a href="./Roo.bootstrap.TableCell.html#constructor" roo:cls="Roo.bootstrap.TableCell.html#constructor">Roo.bootstrap.TableCell</a>, <a href="./Roo.bootstrap.TableRow.html#constructor" roo:cls="Roo.bootstrap.TableRow.html#constructor">Roo.bootstrap.TableRow</a>, <a href="./Roo.bootstrap.TextArea.html#constructor" roo:cls="Roo.bootstrap.TextArea.html#constructor">Roo.bootstrap.TextArea</a>, <a href="./Roo.bootstrap.TimeField.html#constructor" roo:cls="Roo.bootstrap.TimeField.html#constructor">Roo.bootstrap.TimeField</a>, <a href="./Roo.bootstrap.TriggerField.html#constructor" roo:cls="Roo.bootstrap.TriggerField.html#constructor">Roo.bootstrap.TriggerField</a>, <a href="./Roo.bootstrap.UploadCropbox.html#constructor" roo:cls="Roo.bootstrap.UploadCropbox.html#constructor">Roo.bootstrap.UploadCropbox</a>, <a href="./Roo.bootstrap.dash.NumberBox.html#constructor" roo:cls="Roo.bootstrap.dash.NumberBox.html#constructor">Roo.bootstrap.dash.NumberBox</a>, <a href="./Roo.bootstrap.dash.TabBox.html#constructor" roo:cls="Roo.bootstrap.dash.TabBox.html#constructor">Roo.bootstrap.dash.TabBox</a>, <a href="./Roo.bootstrap.dash.TabPane.html#constructor" roo:cls="Roo.bootstrap.dash.TabPane.html#constructor">Roo.bootstrap.dash.TabPane</a>, <a href="./Roo.bootstrap.layout.Basic.html#constructor" roo:cls="Roo.bootstrap.layout.Basic.html#constructor">Roo.bootstrap.layout.Basic</a>, <a href="./Roo.bootstrap.layout.Border.html#constructor" roo:cls="Roo.bootstrap.layout.Border.html#constructor">Roo.bootstrap.layout.Border</a>, <a href="./Roo.bootstrap.layout.Manager.html#constructor" roo:cls="Roo.bootstrap.layout.Manager.html#constructor">Roo.bootstrap.layout.Manager</a>, <a href="./Roo.bootstrap.layout.Region.html#constructor" roo:cls="Roo.bootstrap.layout.Region.html#constructor">Roo.bootstrap.layout.Region</a>, <a href="./Roo.bootstrap.layout.Split.html#constructor" roo:cls="Roo.bootstrap.layout.Split.html#constructor">Roo.bootstrap.layout.Split</a>, <a href="./Roo.bootstrap.menu.Item.html#constructor" roo:cls="Roo.bootstrap.menu.Item.html#constructor">Roo.bootstrap.menu.Item</a>, <a href="./Roo.bootstrap.menu.Menu.html#constructor" roo:cls="Roo.bootstrap.menu.Menu.html#constructor">Roo.bootstrap.menu.Menu</a>, <a href="./Roo.bootstrap.menu.Separator.html#constructor" roo:cls="Roo.bootstrap.menu.Separator.html#constructor">Roo.bootstrap.menu.Separator</a>, <a href="./Roo.bootstrap.panel.Content.html#constructor" roo:cls="Roo.bootstrap.panel.Content.html#constructor">Roo.bootstrap.panel.Content</a>, <a href="./Roo.bootstrap.panel.Grid.html#constructor" roo:cls="Roo.bootstrap.panel.Grid.html#constructor">Roo.bootstrap.panel.Grid</a>, <a href="./Roo.bootstrap.panel.Nest.html#constructor" roo:cls="Roo.bootstrap.panel.Nest.html#constructor">Roo.bootstrap.panel.Nest</a>, <a href="./Roo.bootstrap.panel.TabItem.html#constructor" roo:cls="Roo.bootstrap.panel.TabItem.html#constructor">Roo.bootstrap.panel.TabItem</a>, <a href="./Roo.bootstrap.panel.Tabs.html#constructor" roo:cls="Roo.bootstrap.panel.Tabs.html#constructor">Roo.bootstrap.panel.Tabs</a>, <a href="./Roo.data.Connection.html#constructor" roo:cls="Roo.data.Connection.html#constructor">Roo.data.Connection</a>, <a href="./Roo.data.JsonStore.html#constructor" roo:cls="Roo.data.JsonStore.html#constructor">Roo.data.JsonStore</a>, <a href="./Roo.data.Node.html#constructor" roo:cls="Roo.data.Node.html#constructor">Roo.data.Node</a>, <a href="./Roo.data.SimpleStore.html#constructor" roo:cls="Roo.data.SimpleStore.html#constructor">Roo.data.SimpleStore</a>, <a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a>, <a href="./Roo.data.Tree.html#constructor" roo:cls="Roo.data.Tree.html#constructor">Roo.data.Tree</a>, <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>, <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>, <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>, <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>, <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>, <a href="./Roo.dd.DragZone.html#constructor" roo:cls="Roo.dd.DragZone.html#constructor">Roo.dd.DragZone</a>, <a href="./Roo.dd.DropTarget.html#constructor" roo:cls="Roo.dd.DropTarget.html#constructor">Roo.dd.DropTarget</a>, <a href="./Roo.dd.DropZone.html#constructor" roo:cls="Roo.dd.DropZone.html#constructor">Roo.dd.DropZone</a>, <a href="./Roo.doc.Book.html#constructor" roo:cls="Roo.doc.Book.html#constructor">Roo.doc.Book</a>, <a href="./Roo.doc.Entry.html#constructor" roo:cls="Roo.doc.Entry.html#constructor">Roo.doc.Entry</a>, <a href="./Roo.doc.Example.html#constructor" roo:cls="Roo.doc.Example.html#constructor">Roo.doc.Example</a>, <a href="./Roo.doc.NavCategory.html#constructor" roo:cls="Roo.doc.NavCategory.html#constructor">Roo.doc.NavCategory</a>, <a href="./Roo.doc.Para.html#constructor" roo:cls="Roo.doc.Para.html#constructor">Roo.doc.Para</a>, <a href="./Roo.doc.Param.html#constructor" roo:cls="Roo.doc.Param.html#constructor">Roo.doc.Param</a>, <a href="./Roo.doc.Section.html#constructor" roo:cls="Roo.doc.Section.html#constructor">Roo.doc.Section</a>, <a href="./Roo.doc.Synopsis.html#constructor" roo:cls="Roo.doc.Synopsis.html#constructor">Roo.doc.Synopsis</a>, <a href="./Roo.form.BasicForm.html#constructor" roo:cls="Roo.form.BasicForm.html#constructor">Roo.form.BasicForm</a>, <a href="./Roo.form.Checkbox.html#constructor" roo:cls="Roo.form.Checkbox.html#constructor">Roo.form.Checkbox</a>, <a href="./Roo.form.Column.html#constructor" roo:cls="Roo.form.Column.html#constructor">Roo.form.Column</a>, <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>, <a href="./Roo.form.ComboBoxArray.html#constructor" roo:cls="Roo.form.ComboBoxArray.html#constructor">Roo.form.ComboBoxArray</a>, <a href="./Roo.form.ComboBoxArray.Item.html#constructor" roo:cls="Roo.form.ComboBoxArray.Item.html#constructor">Roo.form.ComboBoxArray.Item</a>, <a href="./Roo.form.ComboCheck.html#constructor" roo:cls="Roo.form.ComboCheck.html#constructor">Roo.form.ComboCheck</a>, <a href="./Roo.form.DateField.html#constructor" roo:cls="Roo.form.DateField.html#constructor">Roo.form.DateField</a>, <a href="./Roo.form.DayPicker.html#constructor" roo:cls="Roo.form.DayPicker.html#constructor">Roo.form.DayPicker</a>, <a href="./Roo.form.DisplayField.html#constructor" roo:cls="Roo.form.DisplayField.html#constructor">Roo.form.DisplayField</a>, <a href="./Roo.form.FCKeditor.html#constructor" roo:cls="Roo.form.FCKeditor.html#constructor">Roo.form.FCKeditor</a>, <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>, <a href="./Roo.form.FieldSet.html#constructor" roo:cls="Roo.form.FieldSet.html#constructor">Roo.form.FieldSet</a>, <a href="./Roo.form.Form.html#constructor" roo:cls="Roo.form.Form.html#constructor">Roo.form.Form</a>, <a href="./Roo.form.GridField.html#constructor" roo:cls="Roo.form.GridField.html#constructor">Roo.form.GridField</a>, <a href="./Roo.form.Hidden.html#constructor" roo:cls="Roo.form.Hidden.html#constructor">Roo.form.Hidden</a>, <a href="./Roo.form.HtmlEditor.html#constructor" roo:cls="Roo.form.HtmlEditor.html#constructor">Roo.form.HtmlEditor</a>, <a href="./Roo.form.Layout.html#constructor" roo:cls="Roo.form.Layout.html#constructor">Roo.form.Layout</a>, <a href="./Roo.form.MonthField.html#constructor" roo:cls="Roo.form.MonthField.html#constructor">Roo.form.MonthField</a>, <a href="./Roo.form.NumberField.html#constructor" roo:cls="Roo.form.NumberField.html#constructor">Roo.form.NumberField</a>, <a href="./Roo.form.Radio.html#constructor" roo:cls="Roo.form.Radio.html#constructor">Roo.form.Radio</a>, <a href="./Roo.form.Row.html#constructor" roo:cls="Roo.form.Row.html#constructor">Roo.form.Row</a>, <a href="./Roo.form.Select.html#constructor" roo:cls="Roo.form.Select.html#constructor">Roo.form.Select</a>, <a href="./Roo.form.Signature.html#constructor" roo:cls="Roo.form.Signature.html#constructor">Roo.form.Signature</a>, <a href="./Roo.form.TextArea.html#constructor" roo:cls="Roo.form.TextArea.html#constructor">Roo.form.TextArea</a>, <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>, <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>, <a href="./Roo.grid.AbstractSelectionModel.html#constructor" roo:cls="Roo.grid.AbstractSelectionModel.html#constructor">Roo.grid.AbstractSelectionModel</a>, <a href="./Roo.grid.CellSelectionModel.html#constructor" roo:cls="Roo.grid.CellSelectionModel.html#constructor">Roo.grid.CellSelectionModel</a>, <a href="./Roo.grid.ColumnModel.html#constructor" roo:cls="Roo.grid.ColumnModel.html#constructor">Roo.grid.ColumnModel</a>, <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>, <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>, <a href="./Roo.grid.GridEditor.html#constructor" roo:cls="Roo.grid.GridEditor.html#constructor">Roo.grid.GridEditor</a>, <a href="./Roo.grid.GridView.html#constructor" roo:cls="Roo.grid.GridView.html#constructor">Roo.grid.GridView</a>, <a href="./Roo.grid.PropertyGrid.html#constructor" roo:cls="Roo.grid.PropertyGrid.html#constructor">Roo.grid.PropertyGrid</a>, <a href="./Roo.grid.RowSelectionModel.html#constructor" roo:cls="Roo.grid.RowSelectionModel.html#constructor">Roo.grid.RowSelectionModel</a>, <a href="./Roo.mailer.Block.html#constructor" roo:cls="Roo.mailer.Block.html#constructor">Roo.mailer.Block</a>, <a href="./Roo.mailer.Body.html#constructor" roo:cls="Roo.mailer.Body.html#constructor">Roo.mailer.Body</a>, <a href="./Roo.mailer.BodyContainer.html#constructor" roo:cls="Roo.mailer.BodyContainer.html#constructor">Roo.mailer.BodyContainer</a>, <a href="./Roo.mailer.Column.html#constructor" roo:cls="Roo.mailer.Column.html#constructor">Roo.mailer.Column</a>, <a href="./Roo.menu.Adapter.html#constructor" roo:cls="Roo.menu.Adapter.html#constructor">Roo.menu.Adapter</a>, <a href="./Roo.menu.BaseItem.html#constructor" roo:cls="Roo.menu.BaseItem.html#constructor">Roo.menu.BaseItem</a>, <a href="./Roo.menu.CheckItem.html#constructor" roo:cls="Roo.menu.CheckItem.html#constructor">Roo.menu.CheckItem</a>, <a href="./Roo.menu.ColorItem.html#constructor" roo:cls="Roo.menu.ColorItem.html#constructor">Roo.menu.ColorItem</a>, <a href="./Roo.menu.ColorMenu.html#constructor" roo:cls="Roo.menu.ColorMenu.html#constructor">Roo.menu.ColorMenu</a>, <a href="./Roo.menu.DateItem.html#constructor" roo:cls="Roo.menu.DateItem.html#constructor">Roo.menu.DateItem</a>, <a href="./Roo.menu.DateMenu.html#constructor" roo:cls="Roo.menu.DateMenu.html#constructor">Roo.menu.DateMenu</a>, <a href="./Roo.menu.Item.html#constructor" roo:cls="Roo.menu.Item.html#constructor">Roo.menu.Item</a>, <a href="./Roo.menu.Menu.html#constructor" roo:cls="Roo.menu.Menu.html#constructor">Roo.menu.Menu</a>, <a href="./Roo.menu.Separator.html#constructor" roo:cls="Roo.menu.Separator.html#constructor">Roo.menu.Separator</a>, <a href="./Roo.menu.TextItem.html#constructor" roo:cls="Roo.menu.TextItem.html#constructor">Roo.menu.TextItem</a>, <a href="./Roo.tree.AsyncTreeNode.html#constructor" roo:cls="Roo.tree.AsyncTreeNode.html#constructor">Roo.tree.AsyncTreeNode</a>, <a href="./Roo.tree.DefaultSelectionModel.html#constructor" roo:cls="Roo.tree.DefaultSelectionModel.html#constructor">Roo.tree.DefaultSelectionModel</a>, <a href="./Roo.tree.MultiSelectionModel.html#constructor" roo:cls="Roo.tree.MultiSelectionModel.html#constructor">Roo.tree.MultiSelectionModel</a>, <a href="./Roo.tree.TreeEditor.html#constructor" roo:cls="Roo.tree.TreeEditor.html#constructor">Roo.tree.TreeEditor</a>, <a href="./Roo.tree.TreeLoader.html#constructor" roo:cls="Roo.tree.TreeLoader.html#constructor">Roo.tree.TreeLoader</a>, <a href="./Roo.tree.TreeNode.html#constructor" roo:cls="Roo.tree.TreeNode.html#constructor">Roo.tree.TreeNode</a>, <a href="./Roo.tree.TreePanel.html#constructor" roo:cls="Roo.tree.TreePanel.html#constructor">Roo.tree.TreePanel</a>, <a href="./Roo.util.ClickRepeater.html#constructor" roo:cls="Roo.util.ClickRepeater.html#constructor">Roo.util.ClickRepeater</a>, <a href="./Roo.util.MixedCollection.html#constructor" roo:cls="Roo.util.MixedCollection.html#constructor">Roo.util.MixedCollection</a>
  67
  68
  69
  70         </td></tr>
  71
  72
  73
  74     </table>
  75
  76
  77 <!-- ============================== class summary ========================== -->
  78     <div class="description">
  79         Base class that provides a common interface for publishing events. Subclasses are expected to<br/>to have a property "events" with all the events defined.<br><br/>For example:<br/><pre><code><br/> Employee = function(name){<br/>    this.name = name;<br/>    this.addEvents({<br/>        "fired" : true,<br/>        "quit" : true<br/>    });<br/> }<br/> Roo.extend(Employee, Roo.util.Observable);<br/></code></pre>
  80     </div>
  81
  82
  83 <!-- ============================== Class comment block... ========================== -->
  84
  85 <div class="comments">
  86         <b>Class Comments / Notes</B> =>
  87         <u onclick="parent.CommentDialog.showCommentId = 'Roo.util.Observable';">[Add Your comment/notes about this class]</u>
  88         <br/>
  89         <iframe frameborder="0"  id="comments-Roo.util" style="border: none;width:100%;"
  90                 src="/blog.php/GtkDjsComments/Roo.util.Observable.html"></iframe>
  91 </div>
  92
  93
  94
  95 <!-- ============================== config options ========================== -->
  96
  97
  98
  99
 100     <div class="hr"></div>
 101     <a id="Roo.util.Observable-configs"></a>
 102
 103
 104
 105
 106
 107       <table cellspacing="0" class="member-table">
 108       <caption>Config Options (Usually are also Properties)</caption>
 109
 110
 111         <tr>
 112             <th class="sig-header" colspan="2">Options</th>
 113
 114             <th class="msource-header">Defined By</th>
 115         </tr>
 116
 117
 118
 119
 120
 121                 <tr class="config-row expandable config-row-alt0 notInherited">
 122                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 123                     <td class="sig">
 124
 125                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 126                         <div class="fixedFont">
 127                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 128
 129
 130                         </div>
 131
 132                         <div class="mdesc">
 133                             <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           .</div>
 134                         </div>
 135
 136                         <div class="mdesc">
 137                             <div class="long">
 138                     list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           ..... <br/>        } ,<br/>        .... <br/>    } <br/>  </code></pre>
 139
 140                 </div>
 141                         </div>
 142
 143
 144
 145                     </td>
 146                     <td class="msource">
 147
 148                         Roo.util.Observable
 149
 150                     </td>
 151                 </tr>
 152
 153
 154     </table>
 155
 156
 157
 158
 159
 160
 161
 162
 163
 164   <!-- ============================== public properties ==================== -->
 165
 166
 167
 168     <a id="Roo.util.Observable-props"></a>
 169
 170
 171
 172
 173
 174      <table cellspacing="0" class="member-table">
 175       <caption class="Empty">Public Properties - Has None</caption>
 176      </table>
 177
 178
 179
 180
 181   <!-- ============================== methods summary / details ======================== -->
 182
 183
 184   <a id="Roo.util.Observable-methods"></a>
 185         <!-- constructor?? -->
 186
 187         <!-- static's first
 188
 189
 190         -->
 191
 192         <!-- then dynamics first -->
 193
 194
 195
 196
 197
 198
 199       <table cellspacing="0" class="member-table">
 200       <caption>Public Methods</caption>
 201         <tr>
 202             <th class="sig-header" colspan="2">Method</th>
 203             <th class="msource-header">Defined By</th>
 204
 205         </tr>
 206
 207
 208
 209
 210
 211
 212
 213           <tr class="method-row config-row-alt0 expandable notInherited">
 214             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 215
 216
 217             <td class="sig">
 218                 <a id="Roo.util-method-Observable"   name=".Observable"></a>
 219                 <div class="fixedFont">
 220                         <span class="attributes">new <B>Roo.util.</B></span><b class="itemname">Observable</b>
 221
 222                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 223
 224
 225
 226                 </div>
 227                 <div class="mdesc">
 228
 229
 230                         <div class="short">Create a new Roo.util.Observable</div>
 231
 232
 233                     <div class="long">
 234
 235
 236
 237                                 Create a new Roo.util.Observable
 238
 239
 240                                 <dl class="detailList">
 241                                 <dt class="heading">Parameters:</dt>
 242
 243                                         <dt>
 244                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
 245
 246                                         </dt>
 247                                         <dd>properties to use (incuding events / listeners)</dd>
 248
 249                                 </dl>
 250
 251
 252
 253
 254
 255
 256
 257
 258
 259
 260
 261                     </div>
 262                 </div>
 263
 264             </td>
 265             <td class="msource">
 266                 &nbsp;
 267             </td>
 268         </tr>
 269
 270
 271           <tr class="method-row config-row-alt1 expandable notInherited">
 272             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 273
 274
 275             <td class="sig">
 276                 <a id="Roo.util.Observable-method-capture"   name=".capture"></a>
 277                 <div class="fixedFont">
 278                         <span class="attributes">Roo.util.Observable.</span><b class="itemname">capture</b>
 279
 280                                  (Observable <B><i>o</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
 281
 282
 283
 284                 </div>
 285                 <div class="mdesc">
 286
 287                    <div class="short">Starts capture on the specified Observable.</div>
 288
 289
 290
 291                     <div class="long">
 292
 293                                 Starts capture on the specified Observable. All events will be passed<br/>to the supplied function with the event name + standard signature of the event<br/><b>before</b> the event is fired. If the supplied function returns false,<br/>the event will not fire.
 294
 295
 296
 297
 298
 299
 300                                 <dl class="detailList">
 301                                 <dt class="heading">Parameters:</dt>
 302
 303                                         <dt>
 304                                                 <span class="fixedFont">Observable</span>  <b>o</b>
 305
 306                                         </dt>
 307                                         <dd>The Observable to capture</dd>
 308
 309                                         <dt>
 310                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
 311
 312                                         </dt>
 313                                         <dd>The function to call</dd>
 314
 315                                         <dt>
 316                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 317
 318                                         </dt>
 319                                         <dd>(optional) The scope (this object) for the fn</dd>
 320
 321                                 </dl>
 322
 323
 324
 325
 326
 327
 328
 329
 330
 331
 332
 333                     </div>
 334                 </div>
 335
 336             </td>
 337             <td class="msource">
 338
 339                         Roo.util.Observable
 340                 &nbsp;
 341             </td>
 342         </tr>
 343
 344
 345           <tr class="method-row config-row-alt0 expandable notInherited">
 346             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 347
 348
 349             <td class="sig">
 350                 <a id="Roo.util.Observable-method-releaseCapture"   name=".releaseCapture"></a>
 351                 <div class="fixedFont">
 352                         <span class="attributes">Roo.util.Observable.</span><b class="itemname">releaseCapture</b>
 353
 354                                  (Observable <B><i>o</i></B>)
 355
 356
 357
 358                 </div>
 359                 <div class="mdesc">
 360
 361                    <div class="short">Removes <b>all</b> added captures from the Observable.</div>
 362
 363
 364
 365                     <div class="long">
 366
 367                                 Removes <b>all</b> added captures from the Observable.
 368
 369
 370
 371
 372
 373
 374                                 <dl class="detailList">
 375                                 <dt class="heading">Parameters:</dt>
 376
 377                                         <dt>
 378                                                 <span class="fixedFont">Observable</span>  <b>o</b>
 379
 380                                         </dt>
 381                                         <dd>The Observable to release</dd>
 382
 383                                 </dl>
 384
 385
 386
 387
 388
 389
 390
 391
 392
 393
 394
 395                     </div>
 396                 </div>
 397
 398             </td>
 399             <td class="msource">
 400
 401                         Roo.util.Observable
 402                 &nbsp;
 403             </td>
 404         </tr>
 405
 406
 407           <tr class="method-row config-row-alt1 expandable notInherited">
 408             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 409
 410
 411             <td class="sig">
 412                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 413                 <div class="fixedFont">
 414                         <span class="attributes"></span><b class="itemname">addEvents</b>
 415
 416                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 417
 418
 419
 420                 </div>
 421                 <div class="mdesc">
 422
 423                    <div class="short">Used to define events on this Observable</div>
 424
 425
 426
 427                     <div class="long">
 428
 429                                 Used to define events on this Observable
 430
 431
 432
 433
 434
 435
 436                                 <dl class="detailList">
 437                                 <dt class="heading">Parameters:</dt>
 438
 439                                         <dt>
 440                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>object</b>
 441
 442                                         </dt>
 443                                         <dd>The object with the events defined</dd>
 444
 445                                 </dl>
 446
 447
 448
 449
 450
 451
 452
 453
 454
 455
 456
 457                     </div>
 458                 </div>
 459
 460             </td>
 461             <td class="msource">
 462
 463                         Roo.util.Observable
 464                 &nbsp;
 465             </td>
 466         </tr>
 467
 468
 469           <tr class="method-row config-row-alt0 expandable notInherited">
 470             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 471
 472
 473             <td class="sig">
 474                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 475                 <div class="fixedFont">
 476                         <span class="attributes"></span><b class="itemname">addListener</b>
 477
 478                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
 479
 480
 481
 482                 </div>
 483                 <div class="mdesc">
 484
 485                    <div class="short">Appends an event handler to this component</div>
 486
 487
 488
 489                     <div class="long">
 490
 491                                 Appends an event handler to this component
 492
 493
 494
 495
 496
 497
 498                                 <dl class="detailList">
 499                                 <dt class="heading">Parameters:</dt>
 500
 501                                         <dt>
 502                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 503
 504                                         </dt>
 505                                         <dd>The type of event to listen for</dd>
 506
 507                                         <dt>
 508                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 509
 510                                         </dt>
 511                                         <dd>The method the event invokes</dd>
 512
 513                                         <dt>
 514                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 515
 516                                         </dt>
 517                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 518
 519                                         <dt>
 520                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
 521
 522                                         </dt>
 523                                         <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/>             <pre><code><br/>                el.on('click', this.onClick, this, {<br/>                       single: true,<br/>              delay: 100,<br/>                forumId: 4<br/>         });<br/>                </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/>               el.on({<br/>                    'click': {<br/>                 fn: this.onClick,<br/>                  scope: this,<br/>                       delay: 100<br/>                 }, <br/>                'mouseover': {<br/>                     fn: this.onMouseOver,<br/>                      scope: this<br/>                },<br/>                 'mouseout': {<br/>                      fn: this.onMouseOut,<br/>                       scope: this<br/>                }<br/>          });<br/>                </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/>        <pre><code><br/>                el.on({<br/>                    'click': this.onClick,<br/>             'mouseover': this.onMouseOver,<br/>             'mouseout': this.onMouseOut,<br/>               scope: this<br/>                });<br/>                </code></pre></dd>
 524
 525                                 </dl>
 526
 527
 528
 529
 530
 531
 532
 533
 534
 535
 536
 537                     </div>
 538                 </div>
 539
 540             </td>
 541             <td class="msource">
 542
 543                         Roo.util.Observable
 544                 &nbsp;
 545             </td>
 546         </tr>
 547
 548
 549           <tr class="method-row config-row-alt1 expandable notInherited">
 550             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 551
 552
 553             <td class="sig">
 554                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
 555                 <div class="fixedFont">
 556                         <span class="attributes"></span><b class="itemname">fireEvent</b>
 557
 558                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>)
 559
 560
 561                                          :
 562
 563
 564                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 565
 566
 567
 568
 569
 570                 </div>
 571                 <div class="mdesc">
 572
 573                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
 574
 575
 576
 577                     <div class="long">
 578
 579                                 Fires the specified event with the passed parameters (minus the event name).
 580
 581
 582
 583
 584
 585
 586                                 <dl class="detailList">
 587                                 <dt class="heading">Parameters:</dt>
 588
 589                                         <dt>
 590                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 591
 592                                         </dt>
 593                                         <dd></dd>
 594
 595                                         <dt>
 596                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span>  <b>args</b>
 597
 598                                         </dt>
 599                                         <dd>Variable number of parameters are passed to handlers</dd>
 600
 601                                 </dl>
 602
 603
 604
 605
 606
 607                                 <dl class="detailList">
 608                                 <dt class="heading">Returns:</dt>
 609
 610                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  returns false if any of the handlers return false otherwise it returns true</dd>
 611
 612                                 </dl>
 613
 614
 615
 616
 617
 618
 619
 620                     </div>
 621                 </div>
 622
 623             </td>
 624             <td class="msource">
 625
 626                         Roo.util.Observable
 627                 &nbsp;
 628             </td>
 629         </tr>
 630
 631
 632           <tr class="method-row config-row-alt0 expandable notInherited">
 633             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 634
 635
 636             <td class="sig">
 637                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
 638                 <div class="fixedFont">
 639                         <span class="attributes"></span><b class="itemname">hasListener</b>
 640
 641                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
 642
 643
 644                                          :
 645
 646
 647                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 648
 649
 650
 651
 652
 653                 </div>
 654                 <div class="mdesc">
 655
 656                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
 657
 658
 659
 660                     <div class="long">
 661
 662                                 Checks to see if this object has any listeners for a specified event
 663
 664
 665
 666
 667
 668
 669                                 <dl class="detailList">
 670                                 <dt class="heading">Parameters:</dt>
 671
 672                                         <dt>
 673                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 674
 675                                         </dt>
 676                                         <dd>The name of the event to check for</dd>
 677
 678                                 </dl>
 679
 680
 681
 682
 683
 684                                 <dl class="detailList">
 685                                 <dt class="heading">Returns:</dt>
 686
 687                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  True if the event is being listened for, else false</dd>
 688
 689                                 </dl>
 690
 691
 692
 693
 694
 695
 696
 697                     </div>
 698                 </div>
 699
 700             </td>
 701             <td class="msource">
 702
 703                         Roo.util.Observable
 704                 &nbsp;
 705             </td>
 706         </tr>
 707
 708
 709           <tr class="method-row config-row-alt1 expandable notInherited">
 710             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 711
 712
 713             <td class="sig">
 714                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
 715                 <div class="fixedFont">
 716                         <span class="attributes"></span><b class="itemname">on</b>
 717
 718                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
 719
 720
 721
 722                 </div>
 723                 <div class="mdesc">
 724
 725                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
 726
 727
 728
 729                     <div class="long">
 730
 731                                 Appends an event handler to this element (shorthand for addListener)
 732
 733
 734
 735
 736
 737
 738                                 <dl class="detailList">
 739                                 <dt class="heading">Parameters:</dt>
 740
 741                                         <dt>
 742                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 743
 744                                         </dt>
 745                                         <dd>The type of event to listen for</dd>
 746
 747                                         <dt>
 748                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 749
 750                                         </dt>
 751                                         <dd>The method the event invokes</dd>
 752
 753                                         <dt>
 754                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 755
 756                                         </dt>
 757                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 758
 759                                         <dt>
 760                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
 761
 762                                         </dt>
 763                                         <dd>(optional)</dd>
 764
 765                                 </dl>
 766
 767
 768
 769
 770
 771
 772
 773
 774
 775
 776
 777                     </div>
 778                 </div>
 779
 780             </td>
 781             <td class="msource">
 782
 783                         Roo.util.Observable
 784                 &nbsp;
 785             </td>
 786         </tr>
 787
 788
 789           <tr class="method-row config-row-alt0 expandable notInherited">
 790             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 791
 792
 793             <td class="sig">
 794                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
 795                 <div class="fixedFont">
 796                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
 797
 798                                  ()
 799
 800
 801
 802                 </div>
 803                 <div class="mdesc">
 804
 805                    <div class="short">Removes all listeners for this object</div>
 806
 807
 808
 809                     <div class="long">
 810
 811                                 Removes all listeners for this object
 812
 813
 814
 815
 816
 817
 818
 819
 820
 821
 822
 823
 824
 825
 826
 827
 828                     </div>
 829                 </div>
 830
 831             </td>
 832             <td class="msource">
 833
 834                         Roo.util.Observable
 835                 &nbsp;
 836             </td>
 837         </tr>
 838
 839
 840           <tr class="method-row config-row-alt1 expandable notInherited">
 841             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 842
 843
 844             <td class="sig">
 845                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
 846                 <div class="fixedFont">
 847                         <span class="attributes"></span><b class="itemname">removeListener</b>
 848
 849                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
 850
 851
 852
 853                 </div>
 854                 <div class="mdesc">
 855
 856                    <div class="short">Removes a listener</div>
 857
 858
 859
 860                     <div class="long">
 861
 862                                 Removes a listener
 863
 864
 865
 866
 867
 868
 869                                 <dl class="detailList">
 870                                 <dt class="heading">Parameters:</dt>
 871
 872                                         <dt>
 873                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 874
 875                                         </dt>
 876                                         <dd>The type of event to listen for</dd>
 877
 878                                         <dt>
 879                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 880
 881                                         </dt>
 882                                         <dd>The handler to remove</dd>
 883
 884                                         <dt>
 885                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 886
 887                                         </dt>
 888                                         <dd>(optional) The scope (this object) for the handler</dd>
 889
 890                                 </dl>
 891
 892
 893
 894
 895
 896
 897
 898
 899
 900
 901
 902                     </div>
 903                 </div>
 904
 905             </td>
 906             <td class="msource">
 907
 908                         Roo.util.Observable
 909                 &nbsp;
 910             </td>
 911         </tr>
 912
 913
 914           <tr class="method-row config-row-alt0 expandable notInherited">
 915             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 916
 917
 918             <td class="sig">
 919                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
 920                 <div class="fixedFont">
 921                         <span class="attributes"></span><b class="itemname">un</b>
 922
 923                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
 924
 925
 926
 927                 </div>
 928                 <div class="mdesc">
 929
 930                    <div class="short">Removes a listener (shorthand for removeListener)</div>
 931
 932
 933
 934                     <div class="long">
 935
 936                                 Removes a listener (shorthand for removeListener)
 937
 938
 939
 940
 941
 942
 943                                 <dl class="detailList">
 944                                 <dt class="heading">Parameters:</dt>
 945
 946                                         <dt>
 947                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 948
 949                                         </dt>
 950                                         <dd>The type of event to listen for</dd>
 951
 952                                         <dt>
 953                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 954
 955                                         </dt>
 956                                         <dd>The handler to remove</dd>
 957
 958                                         <dt>
 959                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 960
 961                                         </dt>
 962                                         <dd>(optional) The scope (this object) for the handler</dd>
 963
 964                                 </dl>
 965
 966
 967
 968
 969
 970
 971
 972
 973
 974
 975
 976                     </div>
 977                 </div>
 978
 979             </td>
 980             <td class="msource">
 981
 982                         Roo.util.Observable
 983                 &nbsp;
 984             </td>
 985         </tr>
 986
 987
 988     </table>
 989
 990
 991   <!-- ============================== events summary / details ======================== -->
 992
 993
 994   <a id="Roo.util.Observable-events"></a>
 995
 996
 997
 998
 999
1000      <table cellspacing="0" class="member-table">
1001       <caption class="Empty">Events - Has None</caption>
1002      </table>
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012 <!-- ============================== footer ================================= -->
1013                 <div class="fineprint" style="clear:both">
1014
1015                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:55 GMT+0800 (HKT)
1016                         Based on
1017                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
1018                 </div>
1019         </body>
1020 </html>