git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.Component.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.bootstrap.Component</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.bootstrap.Component-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.bootstrap.Component-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.bootstrap.Component-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.bootstrap.Component-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                 <div class="inheritance res-block">
  46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  48 <img src="../../images/default/s.gif" height="1"  width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.Component
  49
  50                    </pre>
  51                 </div>
  52
  53 <!-- ============================== class title / details ============================ -->
  54
  55
  56     <h1 class="classTitle">
  57
  58                                 Class Roo.bootstrap.Component
  59                         </h1>
  60
  61     <table cellspacing="0" class="class-summary-table">
  62
  63                 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
  64
  65         <tr><td class="label">Defined In:</td><td class="hd-info">
  66
  67                                         <a href="./src/Roo_bootstrap_Component.js.html">Roo/bootstrap/Component.js</a>.
  68
  69         </td></tr>
  70         <tr><td class="label">Class:</td><td class="hd-info">Component</td></tr>
  71
  72
  73         <tr><td class="label">Subclasses:</td><td class="hd-info">
  74                 <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.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.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.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.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.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.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.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.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.Row.html#constructor" roo:cls="Roo.bootstrap.Row.html#constructor">Roo.bootstrap.Row</a>, <a href="./Roo.bootstrap.Slider.html#constructor" roo:cls="Roo.bootstrap.Slider.html#constructor">Roo.bootstrap.Slider</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.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.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.mailer.Block.html#constructor" roo:cls="Roo.mailer.Block.html#constructor">Roo.mailer.Block</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="./_calls.html#constructor" roo:cls="_calls.html#constructor">_calls</a>
  75
  76
  77
  78         </td></tr>
  79
  80
  81
  82                 <tr><td class="label">Extends:</td><td class="hd-info">
  83                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  84
  85                 </td></tr>
  86
  87
  88     </table>
  89
  90
  91 <!-- ============================== class summary ========================== -->
  92     <div class="description">
  93         Bootstrap Component base class
  94     </div>
  95
  96
  97 <!-- ============================== Class comment block... ========================== -->
  98
  99 <div class="comments">
 100         <b>Class Comments / Notes</B> =>
 101         <u onclick="parent.CommentDialog.showCommentId = 'Roo.bootstrap.Component';">[Add Your comment/notes about this class]</u>
 102         <br/>
 103         <iframe frameborder="0"  id="comments-Roo.bootstrap" style="border: none;width:100%;"
 104                 src="/blog.php/GtkDjsComments/Roo.bootstrap.Component.html"></iframe>
 105 </div>
 106
 107
 108
 109 <!-- ============================== config options ========================== -->
 110
 111
 112
 113
 114     <div class="hr"></div>
 115     <a id="Roo.bootstrap.Component-configs"></a>
 116
 117
 118
 119
 120
 121       <table cellspacing="0" class="member-table">
 122       <caption>Config Options (Usually are also Properties)</caption>
 123
 124
 125         <tr>
 126             <th class="sig-header" colspan="2">Options</th>
 127
 128             <th class="msource-header">Defined By</th>
 129         </tr>
 130
 131
 132
 133
 134
 135                 <tr class="config-row expandable config-row-alt0">
 136                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 137                     <td class="sig">
 138
 139                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 140                         <div class="fixedFont">
 141                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 142
 143
 144                         </div>
 145
 146                         <div class="mdesc">
 147                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 148                         </div>
 149
 150                         <div class="mdesc">
 151                             <div class="long">
 152                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 153
 154                 </div>
 155                         </div>
 156
 157
 158
 159                     </td>
 160                     <td class="msource">
 161
 162                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 163
 164                     </td>
 165                 </tr>
 166
 167
 168                 <tr class="config-row expandable config-row-alt1">
 169                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 170                     <td class="sig">
 171
 172                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 173                         <div class="fixedFont">
 174                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 175
 176
 177                         </div>
 178
 179                         <div class="mdesc">
 180                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 181                         </div>
 182
 183                         <div class="mdesc">
 184                             <div class="long">
 185                     Whether the component can move the Dom node when rendering (defaults to true).
 186
 187                 </div>
 188                         </div>
 189
 190
 191
 192                     </td>
 193                     <td class="msource">
 194
 195                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 196
 197                     </td>
 198                 </tr>
 199
 200
 201                 <tr class="config-row expandable config-row-alt0 notInherited">
 202                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 203                     <td class="sig">
 204
 205                         <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
 206                         <div class="fixedFont">
 207                                 <b  class="itemname">can_build_overlaid</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 208
 209
 210                         </div>
 211
 212                         <div class="mdesc">
 213                             <div class="short">True if element can be rebuild from a HTML page</div>
 214                         </div>
 215
 216                         <div class="mdesc">
 217                             <div class="long">
 218                     True if element can be rebuild from a HTML page
 219
 220                 </div>
 221                         </div>
 222
 223
 224
 225                     </td>
 226                     <td class="msource">
 227
 228                         Roo.bootstrap.Component
 229
 230                     </td>
 231                 </tr>
 232
 233
 234                 <tr class="config-row expandable config-row-alt1 notInherited">
 235                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 236                     <td class="sig">
 237
 238                         <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
 239                         <div class="fixedFont">
 240                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 241
 242
 243                         </div>
 244
 245                         <div class="mdesc">
 246                             <div class="short">css class</div>
 247                         </div>
 248
 249                         <div class="mdesc">
 250                             <div class="long">
 251                     css class
 252
 253                 </div>
 254                         </div>
 255
 256
 257
 258                     </td>
 259                     <td class="msource">
 260
 261                         Roo.bootstrap.Component
 262
 263                     </td>
 264                 </tr>
 265
 266
 267                 <tr class="config-row expandable config-row-alt0 notInherited">
 268                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 269                     <td class="sig">
 270
 271                         <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
 272                         <div class="fixedFont">
 273                                 <b  class="itemname">container_method</b> : string
 274
 275
 276                         </div>
 277
 278                         <div class="mdesc">
 279                             <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div>
 280                         </div>
 281
 282                         <div class="mdesc">
 283                             <div class="long">
 284                     method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
 285
 286                 </div>
 287                         </div>
 288
 289
 290
 291                     </td>
 292                     <td class="msource">
 293
 294                         Roo.bootstrap.Component
 295
 296                     </td>
 297                 </tr>
 298
 299
 300                 <tr class="config-row expandable config-row-alt1 notInherited">
 301                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 302                     <td class="sig">
 303
 304                         <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
 305                         <div class="fixedFont">
 306                                 <b  class="itemname">dataId</b> : string
 307
 308
 309                         </div>
 310
 311                         <div class="mdesc">
 312                             <div class="short">cutomer id</div>
 313                         </div>
 314
 315                         <div class="mdesc">
 316                             <div class="long">
 317                     cutomer id
 318
 319                 </div>
 320                         </div>
 321
 322
 323
 324                     </td>
 325                     <td class="msource">
 326
 327                         Roo.bootstrap.Component
 328
 329                     </td>
 330                 </tr>
 331
 332
 333                 <tr class="config-row expandable config-row-alt0">
 334                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 335                     <td class="sig">
 336
 337                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 338                         <div class="fixedFont">
 339                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 340
 341
 342                         </div>
 343
 344                         <div class="mdesc">
 345                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 346                         </div>
 347
 348                         <div class="mdesc">
 349                             <div class="long">
 350                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 351
 352                 </div>
 353                         </div>
 354
 355
 356
 357                     </td>
 358                     <td class="msource">
 359
 360                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 361
 362                     </td>
 363                 </tr>
 364
 365
 366                 <tr class="config-row expandable config-row-alt1">
 367                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 368                     <td class="sig">
 369
 370                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 371                         <div class="fixedFont">
 372                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 373
 374
 375                         </div>
 376
 377                         <div class="mdesc">
 378                             <div class="short">How this component should hidden.</div>
 379                         </div>
 380
 381                         <div class="mdesc">
 382                             <div class="long">
 383                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
 384                     <BR/>Possible Values: display, visibility
 385                 </div>
 386                         </div>
 387
 388
 389
 390                     </td>
 391                     <td class="msource">
 392
 393                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 394
 395                     </td>
 396                 </tr>
 397
 398
 399                 <tr class="config-row expandable config-row-alt0">
 400                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 401                     <td class="sig">
 402
 403                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 404                         <div class="fixedFont">
 405                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 406
 407
 408                         </div>
 409
 410                         <div class="mdesc">
 411                             <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>
 412                         </div>
 413
 414                         <div class="mdesc">
 415                             <div class="long">
 416                     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>
 417
 418                 </div>
 419                         </div>
 420
 421
 422
 423                     </td>
 424                     <td class="msource">
 425
 426                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 427
 428                     </td>
 429                 </tr>
 430
 431
 432                 <tr class="config-row expandable config-row-alt1 notInherited">
 433                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 434                     <td class="sig">
 435
 436                         <a id="Roo.bootstrap.Component-cfg-name" name=".name"></a>
 437                         <div class="fixedFont">
 438                                 <b  class="itemname">name</b> : string
 439
 440
 441                         </div>
 442
 443                         <div class="mdesc">
 444                             <div class="short">Specifies name attribute</div>
 445                         </div>
 446
 447                         <div class="mdesc">
 448                             <div class="long">
 449                     Specifies name attribute
 450
 451                 </div>
 452                         </div>
 453
 454
 455
 456                     </td>
 457                     <td class="msource">
 458
 459                         Roo.bootstrap.Component
 460
 461                     </td>
 462                 </tr>
 463
 464
 465                 <tr class="config-row expandable config-row-alt0 notInherited">
 466                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 467                     <td class="sig">
 468
 469                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
 470                         <div class="fixedFont">
 471                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 472
 473
 474                         </div>
 475
 476                         <div class="mdesc">
 477                             <div class="short">any extra css</div>
 478                         </div>
 479
 480                         <div class="mdesc">
 481                             <div class="long">
 482                     any extra css
 483
 484                 </div>
 485                         </div>
 486
 487
 488
 489                     </td>
 490                     <td class="msource">
 491
 492                         Roo.bootstrap.Component
 493
 494                     </td>
 495                 </tr>
 496
 497
 498                 <tr class="config-row expandable config-row-alt1 notInherited">
 499                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 500                     <td class="sig">
 501
 502                         <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
 503                         <div class="fixedFont">
 504                                 <b  class="itemname">tooltip</b> : string
 505
 506
 507                         </div>
 508
 509                         <div class="mdesc">
 510                             <div class="short">Text for the tooltip</div>
 511                         </div>
 512
 513                         <div class="mdesc">
 514                             <div class="long">
 515                     Text for the tooltip
 516
 517                 </div>
 518                         </div>
 519
 520
 521
 522                     </td>
 523                     <td class="msource">
 524
 525                         Roo.bootstrap.Component
 526
 527                     </td>
 528                 </tr>
 529
 530
 531                 <tr class="config-row expandable config-row-alt0 notInherited">
 532                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 533                     <td class="sig">
 534
 535                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
 536                         <div class="fixedFont">
 537                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 538
 539
 540                         </div>
 541
 542                         <div class="mdesc">
 543                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
 544                         </div>
 545
 546                         <div class="mdesc">
 547                             <div class="long">
 548                     extra attributes to add to 'element' (used by builder to store stuff.)
 549
 550                 </div>
 551                         </div>
 552
 553
 554
 555                     </td>
 556                     <td class="msource">
 557
 558                         Roo.bootstrap.Component
 559
 560                     </td>
 561                 </tr>
 562
 563
 564     </table>
 565
 566
 567
 568
 569
 570
 571
 572
 573
 574   <!-- ============================== public properties ==================== -->
 575
 576
 577
 578     <a id="Roo.bootstrap.Component-props"></a>
 579
 580
 581
 582
 583
 584      <table cellspacing="0" class="member-table">
 585       <caption class="Empty">Public Properties - Has None</caption>
 586      </table>
 587
 588
 589
 590
 591   <!-- ============================== methods summary / details ======================== -->
 592
 593
 594   <a id="Roo.bootstrap.Component-methods"></a>
 595         <!-- constructor?? -->
 596
 597         <!-- static's first
 598
 599
 600         -->
 601
 602         <!-- then dynamics first -->
 603
 604
 605
 606
 607
 608
 609       <table cellspacing="0" class="member-table">
 610       <caption>Public Methods</caption>
 611         <tr>
 612             <th class="sig-header" colspan="2">Method</th>
 613             <th class="msource-header">Defined By</th>
 614
 615         </tr>
 616
 617
 618
 619
 620
 621
 622
 623           <tr class="method-row config-row-alt0 expandable notInherited">
 624             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 625
 626
 627             <td class="sig">
 628                 <a id="Roo.bootstrap-method-Component"   name=".Component"></a>
 629                 <div class="fixedFont">
 630                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Component</b>
 631
 632                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 633
 634
 635
 636                 </div>
 637                 <div class="mdesc">
 638
 639
 640                         <div class="short">Create a new Roo.bootstrap.Component</div>
 641
 642
 643                     <div class="long">
 644
 645
 646
 647                                 Create a new Roo.bootstrap.Component
 648
 649
 650                                 <dl class="detailList">
 651                                 <dt class="heading">Parameters:</dt>
 652
 653                                         <dt>
 654                                                 <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>
 655
 656                                         </dt>
 657                                         <dd>The config object</dd>
 658
 659                                 </dl>
 660
 661
 662
 663
 664
 665
 666
 667
 668
 669
 670
 671                     </div>
 672                 </div>
 673
 674             </td>
 675             <td class="msource">
 676                 &nbsp;
 677             </td>
 678         </tr>
 679
 680
 681           <tr class="method-row config-row-alt1 expandable">
 682             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 683
 684
 685             <td class="sig">
 686                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 687                 <div class="fixedFont">
 688                         <span class="attributes"></span><b class="itemname">addEvents</b>
 689
 690                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 691
 692
 693
 694                 </div>
 695                 <div class="mdesc">
 696
 697                    <div class="short">Used to define events on this Observable</div>
 698
 699
 700
 701                     <div class="long">
 702
 703                                 Used to define events on this Observable
 704
 705
 706
 707
 708
 709
 710                                 <dl class="detailList">
 711                                 <dt class="heading">Parameters:</dt>
 712
 713                                         <dt>
 714                                                 <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>
 715
 716                                         </dt>
 717                                         <dd>The object with the events defined</dd>
 718
 719                                 </dl>
 720
 721
 722
 723
 724
 725
 726
 727
 728
 729
 730
 731                     </div>
 732                 </div>
 733
 734             </td>
 735             <td class="msource">
 736
 737                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 738                 &nbsp;
 739             </td>
 740         </tr>
 741
 742
 743           <tr class="method-row config-row-alt0 expandable">
 744             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 745
 746
 747             <td class="sig">
 748                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 749                 <div class="fixedFont">
 750                         <span class="attributes"></span><b class="itemname">addListener</b>
 751
 752                                  (<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>)
 753
 754
 755
 756                 </div>
 757                 <div class="mdesc">
 758
 759                    <div class="short">Appends an event handler to this component</div>
 760
 761
 762
 763                     <div class="long">
 764
 765                                 Appends an event handler to this component
 766
 767
 768
 769
 770
 771
 772                                 <dl class="detailList">
 773                                 <dt class="heading">Parameters:</dt>
 774
 775                                         <dt>
 776                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 777
 778                                         </dt>
 779                                         <dd>The type of event to listen for</dd>
 780
 781                                         <dt>
 782                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 783
 784                                         </dt>
 785                                         <dd>The method the event invokes</dd>
 786
 787                                         <dt>
 788                                                 <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>
 789
 790                                         </dt>
 791                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 792
 793                                         <dt>
 794                                                 <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>
 795
 796                                         </dt>
 797                                         <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>
 798
 799                                 </dl>
 800
 801
 802
 803
 804
 805
 806
 807
 808
 809
 810
 811                     </div>
 812                 </div>
 813
 814             </td>
 815             <td class="msource">
 816
 817                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 818                 &nbsp;
 819             </td>
 820         </tr>
 821
 822
 823           <tr class="method-row config-row-alt1 expandable">
 824             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 825
 826
 827             <td class="sig">
 828                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
 829                 <div class="fixedFont">
 830                         <span class="attributes"></span><b class="itemname">destroy</b>
 831
 832                                  ()
 833
 834
 835
 836                 </div>
 837                 <div class="mdesc">
 838
 839                    <div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.</div>
 840
 841
 842
 843                     <div class="long">
 844
 845                                 Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.
 846
 847
 848
 849
 850
 851
 852
 853
 854
 855
 856
 857
 858
 859
 860
 861
 862                     </div>
 863                 </div>
 864
 865             </td>
 866             <td class="msource">
 867
 868                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 869                 &nbsp;
 870             </td>
 871         </tr>
 872
 873
 874           <tr class="method-row config-row-alt0 expandable">
 875             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 876
 877
 878             <td class="sig">
 879                 <a id="Roo.Component-method-disable"   name=".disable"></a>
 880                 <div class="fixedFont">
 881                         <span class="attributes"></span><b class="itemname">disable</b>
 882
 883                                  ()
 884
 885
 886                                          :
 887
 888
 889                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 890
 891
 892
 893
 894
 895                 </div>
 896                 <div class="mdesc">
 897
 898                    <div class="short">Disable this component.</div>
 899
 900
 901
 902                     <div class="long">
 903
 904                                 Disable this component.
 905
 906
 907
 908
 909
 910
 911
 912
 913
 914
 915                                 <dl class="detailList">
 916                                 <dt class="heading">Returns:</dt>
 917
 918                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 919
 920                                 </dl>
 921
 922
 923
 924
 925
 926
 927
 928                     </div>
 929                 </div>
 930
 931             </td>
 932             <td class="msource">
 933
 934                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 935                 &nbsp;
 936             </td>
 937         </tr>
 938
 939
 940           <tr class="method-row config-row-alt1 expandable">
 941             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 942
 943
 944             <td class="sig">
 945                 <a id="Roo.Component-method-enable"   name=".enable"></a>
 946                 <div class="fixedFont">
 947                         <span class="attributes"></span><b class="itemname">enable</b>
 948
 949                                  ()
 950
 951
 952                                          :
 953
 954
 955                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 956
 957
 958
 959
 960
 961                 </div>
 962                 <div class="mdesc">
 963
 964                    <div class="short">Enable this component.</div>
 965
 966
 967
 968                     <div class="long">
 969
 970                                 Enable this component.
 971
 972
 973
 974
 975
 976
 977
 978
 979
 980
 981                                 <dl class="detailList">
 982                                 <dt class="heading">Returns:</dt>
 983
 984                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 985
 986                                 </dl>
 987
 988
 989
 990
 991
 992
 993
 994                     </div>
 995                 </div>
 996
 997             </td>
 998             <td class="msource">
 999
1000                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1001                 &nbsp;
1002             </td>
1003         </tr>
1004
1005
1006           <tr class="method-row config-row-alt0 expandable">
1007             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1008
1009
1010             <td class="sig">
1011                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
1012                 <div class="fixedFont">
1013                         <span class="attributes"></span><b class="itemname">fireEvent</b>
1014
1015                                  (<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>)
1016
1017
1018                                          :
1019
1020
1021                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1022
1023
1024
1025
1026
1027                 </div>
1028                 <div class="mdesc">
1029
1030                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1031
1032
1033
1034                     <div class="long">
1035
1036                                 Fires the specified event with the passed parameters (minus the event name).
1037
1038
1039
1040
1041
1042
1043                                 <dl class="detailList">
1044                                 <dt class="heading">Parameters:</dt>
1045
1046                                         <dt>
1047                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1048
1049                                         </dt>
1050                                         <dd></dd>
1051
1052                                         <dt>
1053                                                 <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>
1054
1055                                         </dt>
1056                                         <dd>Variable number of parameters are passed to handlers</dd>
1057
1058                                 </dl>
1059
1060
1061
1062
1063
1064                                 <dl class="detailList">
1065                                 <dt class="heading">Returns:</dt>
1066
1067                                         <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>
1068
1069                                 </dl>
1070
1071
1072
1073
1074
1075
1076
1077                     </div>
1078                 </div>
1079
1080             </td>
1081             <td class="msource">
1082
1083                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1084                 &nbsp;
1085             </td>
1086         </tr>
1087
1088
1089           <tr class="method-row config-row-alt1 expandable">
1090             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1091
1092
1093             <td class="sig">
1094                 <a id="Roo.Component-method-focus"   name=".focus"></a>
1095                 <div class="fixedFont">
1096                         <span class="attributes"></span><b class="itemname">focus</b>
1097
1098                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1099
1100
1101                                          :
1102
1103
1104                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1105
1106
1107
1108
1109
1110                 </div>
1111                 <div class="mdesc">
1112
1113                    <div class="short">Try to focus this component.</div>
1114
1115
1116
1117                     <div class="long">
1118
1119                                 Try to focus this component.
1120
1121
1122
1123
1124
1125
1126                                 <dl class="detailList">
1127                                 <dt class="heading">Parameters:</dt>
1128
1129                                         <dt>
1130                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>selectText</b>
1131
1132                                         </dt>
1133                                         <dd>True to also select the text in this component (if applicable)</dd>
1134
1135                                 </dl>
1136
1137
1138
1139
1140
1141                                 <dl class="detailList">
1142                                 <dt class="heading">Returns:</dt>
1143
1144                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1145
1146                                 </dl>
1147
1148
1149
1150
1151
1152
1153
1154                     </div>
1155                 </div>
1156
1157             </td>
1158             <td class="msource">
1159
1160                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1161                 &nbsp;
1162             </td>
1163         </tr>
1164
1165
1166           <tr class="method-row config-row-alt0 expandable notInherited">
1167             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1168
1169
1170             <td class="sig">
1171                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
1172                 <div class="fixedFont">
1173                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
1174
1175                                  ()
1176
1177
1178                                          :
1179
1180
1181                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1182
1183
1184
1185
1186
1187                 </div>
1188                 <div class="mdesc">
1189
1190                    <div class="short">Fetch the element to add children to</div>
1191
1192
1193
1194                     <div class="long">
1195
1196                                 Fetch the element to add children to
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207                                 <dl class="detailList">
1208                                 <dt class="heading">Returns:</dt>
1209
1210                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
1211
1212                                 </dl>
1213
1214
1215
1216
1217
1218
1219
1220                     </div>
1221                 </div>
1222
1223             </td>
1224             <td class="msource">
1225
1226                         Roo.bootstrap.Component
1227                 &nbsp;
1228             </td>
1229         </tr>
1230
1231
1232           <tr class="method-row config-row-alt1 expandable">
1233             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1234
1235
1236             <td class="sig">
1237                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
1238                 <div class="fixedFont">
1239                         <span class="attributes"></span><b class="itemname">getEl</b>
1240
1241                                  ()
1242
1243
1244                                          :
1245
1246
1247                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1248
1249
1250
1251
1252
1253                 </div>
1254                 <div class="mdesc">
1255
1256                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1257
1258
1259
1260                     <div class="long">
1261
1262                                 Returns the underlying {<b>link</b> Roo.Element}.
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273                                 <dl class="detailList">
1274                                 <dt class="heading">Returns:</dt>
1275
1276                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
1277
1278                                 </dl>
1279
1280
1281
1282
1283
1284
1285
1286                     </div>
1287                 </div>
1288
1289             </td>
1290             <td class="msource">
1291
1292                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1293                 &nbsp;
1294             </td>
1295         </tr>
1296
1297
1298           <tr class="method-row config-row-alt0 expandable">
1299             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1300
1301
1302             <td class="sig">
1303                 <a id="Roo.Component-method-getId"   name=".getId"></a>
1304                 <div class="fixedFont">
1305                         <span class="attributes"></span><b class="itemname">getId</b>
1306
1307                                  ()
1308
1309
1310                                          :
1311
1312
1313                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1314
1315
1316
1317
1318
1319                 </div>
1320                 <div class="mdesc">
1321
1322                    <div class="short">Returns the id of this component.</div>
1323
1324
1325
1326                     <div class="long">
1327
1328                                 Returns the id of this component.
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339                                 <dl class="detailList">
1340                                 <dt class="heading">Returns:</dt>
1341
1342                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
1343
1344                                 </dl>
1345
1346
1347
1348
1349
1350
1351
1352                     </div>
1353                 </div>
1354
1355             </td>
1356             <td class="msource">
1357
1358                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1359                 &nbsp;
1360             </td>
1361         </tr>
1362
1363
1364           <tr class="method-row config-row-alt1 expandable">
1365             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1366
1367
1368             <td class="sig">
1369                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1370                 <div class="fixedFont">
1371                         <span class="attributes"></span><b class="itemname">hasListener</b>
1372
1373                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1374
1375
1376                                          :
1377
1378
1379                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1380
1381
1382
1383
1384
1385                 </div>
1386                 <div class="mdesc">
1387
1388                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1389
1390
1391
1392                     <div class="long">
1393
1394                                 Checks to see if this object has any listeners for a specified event
1395
1396
1397
1398
1399
1400
1401                                 <dl class="detailList">
1402                                 <dt class="heading">Parameters:</dt>
1403
1404                                         <dt>
1405                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1406
1407                                         </dt>
1408                                         <dd>The name of the event to check for</dd>
1409
1410                                 </dl>
1411
1412
1413
1414
1415
1416                                 <dl class="detailList">
1417                                 <dt class="heading">Returns:</dt>
1418
1419                                         <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>
1420
1421                                 </dl>
1422
1423
1424
1425
1426
1427
1428
1429                     </div>
1430                 </div>
1431
1432             </td>
1433             <td class="msource">
1434
1435                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1436                 &nbsp;
1437             </td>
1438         </tr>
1439
1440
1441           <tr class="method-row config-row-alt0 expandable notInherited">
1442             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1443
1444
1445             <td class="sig">
1446                 <a id="Roo.bootstrap.Component-method-hide"   name=".hide"></a>
1447                 <div class="fixedFont">
1448                         <span class="attributes"></span><b class="itemname">hide</b>
1449
1450                                  ()
1451
1452
1453
1454                 </div>
1455                 <div class="mdesc">
1456
1457                    <div class="short">Hide a component - adds 'hidden' class</div>
1458
1459
1460
1461                     <div class="long">
1462
1463                                 Hide a component - adds 'hidden' class
1464
1465
1466
1467
1468
1469
1470
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480                     </div>
1481                 </div>
1482
1483             </td>
1484             <td class="msource">
1485
1486                         Roo.bootstrap.Component
1487                 &nbsp;
1488             </td>
1489         </tr>
1490
1491
1492           <tr class="method-row config-row-alt1 expandable notInherited">
1493             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1494
1495
1496             <td class="sig">
1497                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
1498                 <div class="fixedFont">
1499                         <span class="attributes"></span><b class="itemname">initEvents</b>
1500
1501                                  ()
1502
1503
1504
1505                 </div>
1506                 <div class="mdesc">
1507
1508                    <div class="short">Initialize Events for the element</div>
1509
1510
1511
1512                     <div class="long">
1513
1514                                 Initialize Events for the element
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531                     </div>
1532                 </div>
1533
1534             </td>
1535             <td class="msource">
1536
1537                         Roo.bootstrap.Component
1538                 &nbsp;
1539             </td>
1540         </tr>
1541
1542
1543           <tr class="method-row config-row-alt0 expandable">
1544             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1545
1546
1547             <td class="sig">
1548                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
1549                 <div class="fixedFont">
1550                         <span class="attributes"></span><b class="itemname">isVisible</b>
1551
1552                                  ()
1553
1554
1555
1556                 </div>
1557                 <div class="mdesc">
1558
1559                    <div class="short">Returns true if this component is visible.</div>
1560
1561
1562
1563                     <div class="long">
1564
1565                                 Returns true if this component is visible.
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582                     </div>
1583                 </div>
1584
1585             </td>
1586             <td class="msource">
1587
1588                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1589                 &nbsp;
1590             </td>
1591         </tr>
1592
1593
1594           <tr class="method-row config-row-alt1 expandable">
1595             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1596
1597
1598             <td class="sig">
1599                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1600                 <div class="fixedFont">
1601                         <span class="attributes"></span><b class="itemname">on</b>
1602
1603                                  (<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>)
1604
1605
1606
1607                 </div>
1608                 <div class="mdesc">
1609
1610                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1611
1612
1613
1614                     <div class="long">
1615
1616                                 Appends an event handler to this element (shorthand for addListener)
1617
1618
1619
1620
1621
1622
1623                                 <dl class="detailList">
1624                                 <dt class="heading">Parameters:</dt>
1625
1626                                         <dt>
1627                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1628
1629                                         </dt>
1630                                         <dd>The type of event to listen for</dd>
1631
1632                                         <dt>
1633                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1634
1635                                         </dt>
1636                                         <dd>The method the event invokes</dd>
1637
1638                                         <dt>
1639                                                 <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>
1640
1641                                         </dt>
1642                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1643
1644                                         <dt>
1645                                                 <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>
1646
1647                                         </dt>
1648                                         <dd>(optional)</dd>
1649
1650                                 </dl>
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662                     </div>
1663                 </div>
1664
1665             </td>
1666             <td class="msource">
1667
1668                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1669                 &nbsp;
1670             </td>
1671         </tr>
1672
1673
1674           <tr class="method-row config-row-alt0 expandable">
1675             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1676
1677
1678             <td class="sig">
1679                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1680                 <div class="fixedFont">
1681                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1682
1683                                  ()
1684
1685
1686
1687                 </div>
1688                 <div class="mdesc">
1689
1690                    <div class="short">Removes all listeners for this object</div>
1691
1692
1693
1694                     <div class="long">
1695
1696                                 Removes all listeners for this object
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713                     </div>
1714                 </div>
1715
1716             </td>
1717             <td class="msource">
1718
1719                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1720                 &nbsp;
1721             </td>
1722         </tr>
1723
1724
1725           <tr class="method-row config-row-alt1 expandable">
1726             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1727
1728
1729             <td class="sig">
1730                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1731                 <div class="fixedFont">
1732                         <span class="attributes"></span><b class="itemname">removeListener</b>
1733
1734                                  (<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>)
1735
1736
1737
1738                 </div>
1739                 <div class="mdesc">
1740
1741                    <div class="short">Removes a listener</div>
1742
1743
1744
1745                     <div class="long">
1746
1747                                 Removes a listener
1748
1749
1750
1751
1752
1753
1754                                 <dl class="detailList">
1755                                 <dt class="heading">Parameters:</dt>
1756
1757                                         <dt>
1758                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1759
1760                                         </dt>
1761                                         <dd>The type of event to listen for</dd>
1762
1763                                         <dt>
1764                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1765
1766                                         </dt>
1767                                         <dd>The handler to remove</dd>
1768
1769                                         <dt>
1770                                                 <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>
1771
1772                                         </dt>
1773                                         <dd>(optional) The scope (this object) for the handler</dd>
1774
1775                                 </dl>
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787                     </div>
1788                 </div>
1789
1790             </td>
1791             <td class="msource">
1792
1793                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1794                 &nbsp;
1795             </td>
1796         </tr>
1797
1798
1799           <tr class="method-row config-row-alt0 expandable">
1800             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1801
1802
1803             <td class="sig">
1804                 <a id="Roo.Component-method-render"   name=".render"></a>
1805                 <div class="fixedFont">
1806                         <span class="attributes"></span><b class="itemname">render</b>
1807
1808                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
1809
1810
1811
1812                 </div>
1813                 <div class="mdesc">
1814
1815                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
1816
1817
1818
1819                     <div class="long">
1820
1821                                 If this is a lazy rendering component, render it to its container element.
1822
1823
1824
1825
1826
1827
1828                                 <dl class="detailList">
1829                                 <dt class="heading">Parameters:</dt>
1830
1831                                         <dt>
1832                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
1833
1834                                         </dt>
1835                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
1836
1837                                 </dl>
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849                     </div>
1850                 </div>
1851
1852             </td>
1853             <td class="msource">
1854
1855                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1856                 &nbsp;
1857             </td>
1858         </tr>
1859
1860
1861           <tr class="method-row config-row-alt1 expandable">
1862             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1863
1864
1865             <td class="sig">
1866                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
1867                 <div class="fixedFont">
1868                         <span class="attributes"></span><b class="itemname">setDisabled</b>
1869
1870                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
1871
1872
1873
1874                 </div>
1875                 <div class="mdesc">
1876
1877                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
1878
1879
1880
1881                     <div class="long">
1882
1883                                 Convenience function for setting disabled/enabled by boolean.
1884
1885
1886
1887
1888
1889
1890                                 <dl class="detailList">
1891                                 <dt class="heading">Parameters:</dt>
1892
1893                                         <dt>
1894                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>disabled</b>
1895
1896                                         </dt>
1897                                         <dd></dd>
1898
1899                                 </dl>
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909
1910
1911                     </div>
1912                 </div>
1913
1914             </td>
1915             <td class="msource">
1916
1917                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1918                 &nbsp;
1919             </td>
1920         </tr>
1921
1922
1923           <tr class="method-row config-row-alt0 expandable">
1924             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1925
1926
1927             <td class="sig">
1928                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
1929                 <div class="fixedFont">
1930                         <span class="attributes"></span><b class="itemname">setVisible</b>
1931
1932                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
1933
1934
1935                                          :
1936
1937
1938                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1939
1940
1941
1942
1943
1944                 </div>
1945                 <div class="mdesc">
1946
1947                    <div class="short">Convenience function to hide or show this component by boolean.</div>
1948
1949
1950
1951                     <div class="long">
1952
1953                                 Convenience function to hide or show this component by boolean.
1954
1955
1956
1957
1958
1959
1960                                 <dl class="detailList">
1961                                 <dt class="heading">Parameters:</dt>
1962
1963                                         <dt>
1964                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>visible</b>
1965
1966                                         </dt>
1967                                         <dd>True to show, false to hide</dd>
1968
1969                                 </dl>
1970
1971
1972
1973
1974
1975                                 <dl class="detailList">
1976                                 <dt class="heading">Returns:</dt>
1977
1978                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1979
1980                                 </dl>
1981
1982
1983
1984
1985
1986
1987
1988                     </div>
1989                 </div>
1990
1991             </td>
1992             <td class="msource">
1993
1994                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1995                 &nbsp;
1996             </td>
1997         </tr>
1998
1999
2000           <tr class="method-row config-row-alt1 expandable notInherited">
2001             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2002
2003
2004             <td class="sig">
2005                 <a id="Roo.bootstrap.Component-method-show"   name=".show"></a>
2006                 <div class="fixedFont">
2007                         <span class="attributes"></span><b class="itemname">show</b>
2008
2009                                  ()
2010
2011
2012
2013                 </div>
2014                 <div class="mdesc">
2015
2016                    <div class="short">Show a component - removes 'hidden' class</div>
2017
2018
2019
2020                     <div class="long">
2021
2022                                 Show a component - removes 'hidden' class
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039                     </div>
2040                 </div>
2041
2042             </td>
2043             <td class="msource">
2044
2045                         Roo.bootstrap.Component
2046                 &nbsp;
2047             </td>
2048         </tr>
2049
2050
2051           <tr class="method-row config-row-alt0 expandable notInherited">
2052             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2053
2054
2055             <td class="sig">
2056                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
2057                 <div class="fixedFont">
2058                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
2059
2060                                  ()
2061
2062
2063                                          :
2064
2065
2066                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2067
2068
2069
2070
2071
2072                 </div>
2073                 <div class="mdesc">
2074
2075                    <div class="short">Fetch the element to display the tooltip on.</div>
2076
2077
2078
2079                     <div class="long">
2080
2081                                 Fetch the element to display the tooltip on.
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092                                 <dl class="detailList">
2093                                 <dt class="heading">Returns:</dt>
2094
2095                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
2096
2097                                 </dl>
2098
2099
2100
2101
2102
2103
2104
2105                     </div>
2106                 </div>
2107
2108             </td>
2109             <td class="msource">
2110
2111                         Roo.bootstrap.Component
2112                 &nbsp;
2113             </td>
2114         </tr>
2115
2116
2117           <tr class="method-row config-row-alt1 expandable">
2118             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2119
2120
2121             <td class="sig">
2122                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
2123                 <div class="fixedFont">
2124                         <span class="attributes"></span><b class="itemname">un</b>
2125
2126                                  (<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>)
2127
2128
2129
2130                 </div>
2131                 <div class="mdesc">
2132
2133                    <div class="short">Removes a listener (shorthand for removeListener)</div>
2134
2135
2136
2137                     <div class="long">
2138
2139                                 Removes a listener (shorthand for removeListener)
2140
2141
2142
2143
2144
2145
2146                                 <dl class="detailList">
2147                                 <dt class="heading">Parameters:</dt>
2148
2149                                         <dt>
2150                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2151
2152                                         </dt>
2153                                         <dd>The type of event to listen for</dd>
2154
2155                                         <dt>
2156                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2157
2158                                         </dt>
2159                                         <dd>The handler to remove</dd>
2160
2161                                         <dt>
2162                                                 <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>
2163
2164                                         </dt>
2165                                         <dd>(optional) The scope (this object) for the handler</dd>
2166
2167                                 </dl>
2168
2169
2170
2171
2172
2173
2174
2175
2176
2177
2178
2179                     </div>
2180                 </div>
2181
2182             </td>
2183             <td class="msource">
2184
2185                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2186                 &nbsp;
2187             </td>
2188         </tr>
2189
2190
2191     </table>
2192
2193
2194   <!-- ============================== events summary / details ======================== -->
2195
2196
2197   <a id="Roo.bootstrap.Component-events"></a>
2198
2199
2200
2201
2202
2203
2204
2205
2206       <table cellspacing="0" class="member-table">
2207                 <caption>Events</caption>
2208               <thead>
2209                 <tr>
2210                     <th class="sig-header" colspan="2">Event</th>
2211                     <th class="msource-header">Defined By</th>
2212
2213                 </tr>
2214               </thead>
2215
2216
2217
2218
2219
2220           <tr class="method-row expandable config-row-alt0">
2221             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2222
2223             <td class="sig">
2224                 <a id="Roo.Component-event-*beforedestroy"></a>
2225
2226                <div class="fixedFont">
2227                 <b class="itemname">beforedestroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2228
2229                 </div>
2230
2231                 <div class="mdesc">
2232
2233                    <div class="short">Fires before the component is destroyed.
2234
2235                 </div>
2236
2237                     <div class="long">
2238
2239                         Fires before the component is destroyed. Return false to stop the destroy.
2240
2241
2242
2243
2244
2245                                 <dl class="detailList">
2246                                 <dt class="heading">Parameters:</dt>
2247
2248                                         <dt>
2249                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2250
2251                                         </dt>
2252                                         <dd></dd>
2253
2254                                 </dl>
2255
2256
2257
2258
2259
2260
2261
2262
2263
2264
2265
2266                     </div>
2267                 </div>
2268
2269             </td>
2270             <td class="msource">
2271                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2272             </td>
2273         </tr>
2274
2275           <tr class="method-row expandable config-row-alt1">
2276             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2277
2278             <td class="sig">
2279                 <a id="Roo.Component-event-*beforehide"></a>
2280
2281                <div class="fixedFont">
2282                 <b class="itemname">beforehide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2283
2284                 </div>
2285
2286                 <div class="mdesc">
2287
2288                    <div class="short">Fires before the component is hidden.
2289
2290                 </div>
2291
2292                     <div class="long">
2293
2294                         Fires before the component is hidden. Return false to stop the hide.
2295
2296
2297
2298
2299
2300                                 <dl class="detailList">
2301                                 <dt class="heading">Parameters:</dt>
2302
2303                                         <dt>
2304                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2305
2306                                         </dt>
2307                                         <dd></dd>
2308
2309                                 </dl>
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321                     </div>
2322                 </div>
2323
2324             </td>
2325             <td class="msource">
2326                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2327             </td>
2328         </tr>
2329
2330           <tr class="method-row expandable config-row-alt0">
2331             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2332
2333             <td class="sig">
2334                 <a id="Roo.Component-event-*beforerender"></a>
2335
2336                <div class="fixedFont">
2337                 <b class="itemname">beforerender</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2338
2339                 </div>
2340
2341                 <div class="mdesc">
2342
2343                    <div class="short">Fires before the component is rendered.
2344
2345                 </div>
2346
2347                     <div class="long">
2348
2349                         Fires before the component is rendered. Return false to stop the render.
2350
2351
2352
2353
2354
2355                                 <dl class="detailList">
2356                                 <dt class="heading">Parameters:</dt>
2357
2358                                         <dt>
2359                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2360
2361                                         </dt>
2362                                         <dd></dd>
2363
2364                                 </dl>
2365
2366
2367
2368
2369
2370
2371
2372
2373
2374
2375
2376                     </div>
2377                 </div>
2378
2379             </td>
2380             <td class="msource">
2381                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2382             </td>
2383         </tr>
2384
2385           <tr class="method-row expandable config-row-alt1">
2386             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2387
2388             <td class="sig">
2389                 <a id="Roo.Component-event-*beforeshow"></a>
2390
2391                <div class="fixedFont">
2392                 <b class="itemname">beforeshow</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2393
2394                 </div>
2395
2396                 <div class="mdesc">
2397
2398                    <div class="short">Fires before the component is shown.
2399
2400                 </div>
2401
2402                     <div class="long">
2403
2404                         Fires before the component is shown.  Return false to stop the show.
2405
2406
2407
2408
2409
2410                                 <dl class="detailList">
2411                                 <dt class="heading">Parameters:</dt>
2412
2413                                         <dt>
2414                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2415
2416                                         </dt>
2417                                         <dd></dd>
2418
2419                                 </dl>
2420
2421
2422
2423
2424
2425
2426
2427
2428
2429
2430
2431                     </div>
2432                 </div>
2433
2434             </td>
2435             <td class="msource">
2436                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2437             </td>
2438         </tr>
2439
2440           <tr class="method-row expandable config-row-alt0 notInherited">
2441             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2442
2443             <td class="sig">
2444                 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
2445
2446                <div class="fixedFont">
2447                 <b class="itemname">childrenrendered</b> (<a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a> <B><i>this</i></B>)
2448
2449                 </div>
2450
2451                 <div class="mdesc">
2452
2453                    <div class="short">Fires when the children have been rendered.
2454
2455                 </div>
2456
2457                     <div class="long">
2458
2459                         Fires when the children have been rendered..
2460
2461
2462
2463
2464
2465                                 <dl class="detailList">
2466                                 <dt class="heading">Parameters:</dt>
2467
2468                                         <dt>
2469                                                 <span class="fixedFont"><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a></span> <b>this</b>
2470
2471                                         </dt>
2472                                         <dd></dd>
2473
2474                                 </dl>
2475
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485
2486                     </div>
2487                 </div>
2488
2489             </td>
2490             <td class="msource">
2491                 Roo.bootstrap.Component
2492             </td>
2493         </tr>
2494
2495           <tr class="method-row expandable config-row-alt1">
2496             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2497
2498             <td class="sig">
2499                 <a id="Roo.Component-event-*destroy"></a>
2500
2501                <div class="fixedFont">
2502                 <b class="itemname">destroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2503
2504                 </div>
2505
2506                 <div class="mdesc">
2507
2508                    <div class="short">Fires after the component is destroyed.
2509
2510                 </div>
2511
2512                     <div class="long">
2513
2514                         Fires after the component is destroyed.
2515
2516
2517
2518
2519
2520                                 <dl class="detailList">
2521                                 <dt class="heading">Parameters:</dt>
2522
2523                                         <dt>
2524                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2525
2526                                         </dt>
2527                                         <dd></dd>
2528
2529                                 </dl>
2530
2531
2532
2533
2534
2535
2536
2537
2538
2539
2540
2541                     </div>
2542                 </div>
2543
2544             </td>
2545             <td class="msource">
2546                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2547             </td>
2548         </tr>
2549
2550           <tr class="method-row expandable config-row-alt0">
2551             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2552
2553             <td class="sig">
2554                 <a id="Roo.Component-event-*disable"></a>
2555
2556                <div class="fixedFont">
2557                 <b class="itemname">disable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2558
2559                 </div>
2560
2561                 <div class="mdesc">
2562
2563                    <div class="short">Fires after the component is disabled.
2564
2565                 </div>
2566
2567                     <div class="long">
2568
2569                         Fires after the component is disabled.
2570
2571
2572
2573
2574
2575                                 <dl class="detailList">
2576                                 <dt class="heading">Parameters:</dt>
2577
2578                                         <dt>
2579                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2580
2581                                         </dt>
2582                                         <dd></dd>
2583
2584                                 </dl>
2585
2586
2587
2588
2589
2590
2591
2592
2593
2594
2595
2596                     </div>
2597                 </div>
2598
2599             </td>
2600             <td class="msource">
2601                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2602             </td>
2603         </tr>
2604
2605           <tr class="method-row expandable config-row-alt1">
2606             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2607
2608             <td class="sig">
2609                 <a id="Roo.Component-event-*enable"></a>
2610
2611                <div class="fixedFont">
2612                 <b class="itemname">enable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2613
2614                 </div>
2615
2616                 <div class="mdesc">
2617
2618                    <div class="short">Fires after the component is enabled.
2619
2620                 </div>
2621
2622                     <div class="long">
2623
2624                         Fires after the component is enabled.
2625
2626
2627
2628
2629
2630                                 <dl class="detailList">
2631                                 <dt class="heading">Parameters:</dt>
2632
2633                                         <dt>
2634                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2635
2636                                         </dt>
2637                                         <dd></dd>
2638
2639                                 </dl>
2640
2641
2642
2643
2644
2645
2646
2647
2648
2649
2650
2651                     </div>
2652                 </div>
2653
2654             </td>
2655             <td class="msource">
2656                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2657             </td>
2658         </tr>
2659
2660           <tr class="method-row expandable config-row-alt0">
2661             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2662
2663             <td class="sig">
2664                 <a id="Roo.Component-event-*hide"></a>
2665
2666                <div class="fixedFont">
2667                 <b class="itemname">hide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2668
2669                 </div>
2670
2671                 <div class="mdesc">
2672
2673                    <div class="short">Fires after the component is hidden.
2674
2675                 </div>
2676
2677                     <div class="long">
2678
2679                         Fires after the component is hidden.
2680
2681
2682
2683
2684
2685                                 <dl class="detailList">
2686                                 <dt class="heading">Parameters:</dt>
2687
2688                                         <dt>
2689                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2690
2691                                         </dt>
2692                                         <dd></dd>
2693
2694                                 </dl>
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706                     </div>
2707                 </div>
2708
2709             </td>
2710             <td class="msource">
2711                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2712             </td>
2713         </tr>
2714
2715           <tr class="method-row expandable config-row-alt1">
2716             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2717
2718             <td class="sig">
2719                 <a id="Roo.Component-event-*render"></a>
2720
2721                <div class="fixedFont">
2722                 <b class="itemname">render</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2723
2724                 </div>
2725
2726                 <div class="mdesc">
2727
2728                    <div class="short">Fires after the component is rendered.
2729
2730                 </div>
2731
2732                     <div class="long">
2733
2734                         Fires after the component is rendered.
2735
2736
2737
2738
2739
2740                                 <dl class="detailList">
2741                                 <dt class="heading">Parameters:</dt>
2742
2743                                         <dt>
2744                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2745
2746                                         </dt>
2747                                         <dd></dd>
2748
2749                                 </dl>
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761                     </div>
2762                 </div>
2763
2764             </td>
2765             <td class="msource">
2766                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2767             </td>
2768         </tr>
2769
2770           <tr class="method-row expandable config-row-alt0">
2771             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2772
2773             <td class="sig">
2774                 <a id="Roo.Component-event-*show"></a>
2775
2776                <div class="fixedFont">
2777                 <b class="itemname">show</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2778
2779                 </div>
2780
2781                 <div class="mdesc">
2782
2783                    <div class="short">Fires after the component is shown.
2784
2785                 </div>
2786
2787                     <div class="long">
2788
2789                         Fires after the component is shown.
2790
2791
2792
2793
2794
2795                                 <dl class="detailList">
2796                                 <dt class="heading">Parameters:</dt>
2797
2798                                         <dt>
2799                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2800
2801                                         </dt>
2802                                         <dd></dd>
2803
2804                                 </dl>
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816                     </div>
2817                 </div>
2818
2819             </td>
2820             <td class="msource">
2821                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2822             </td>
2823         </tr>
2824
2825
2826     </table>
2827
2828
2829
2830
2831
2832 <!-- ============================== footer ================================= -->
2833                 <div class="fineprint" style="clear:both">
2834
2835                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 28 2016 18:00:56 GMT+0800 (HKT)
2836                         Based on
2837                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
2838                 </div>
2839         </body>
2840 </html>