X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/docs/output/Ext.TabPanel.html diff --git a/docs/output/Ext.TabPanel.html b/docs/output/Ext.TabPanel.html index 0f2ee153..63758ac6 100644 --- a/docs/output/Ext.TabPanel.html +++ b/docs/output/Ext.TabPanel.html @@ -1,4 +1,4 @@ -
Observable
  Component
    BoxComponent
      Container
        Panel
          TabPanel

Class Ext.TabPanel

Package:Ext
Defined In:TabPanel.js
Class:TabPanel
Extends:Panel

A basic tab container. TabPanels can be used exactly like a standard Ext.Panel +

Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent
      Container
        Panel
          TabPanel

Class Ext.TabPanel

Package:Ext
Defined In:TabPanel.js
Class:TabPanel
Extends:Panel

A basic tab container. TabPanels can be used exactly like a standard Ext.Panel for layout purposes, but also have special support for containing child Components (items) that are managed using a CardLayout layout manager, and displayed as separate tabs.

@@ -1131,9 +1131,9 @@ is a child of a Container, and has been configured with a ref.
See setActiveTab. Sets the specified tab as the active tab. This method fires the beforetabchange event which can ret...
See setActiveTab. Sets the specified tab as the active tab. This method fires -the beforetabchange event which can return false to cancel the tab change.
Parameters:
  • tab : String/Panel
    The id or tab Panel to activate
Returns:
  • void
TabPanel add( Object/Array component, Object (Optional), Object (Optional) ) +the beforetabchange event which can return false to cancel the tab change.
Parameters:
  • tab : String/Panel
    The id or tab Panel to activate
Returns:
  • void
TabPanel add( ...Object/Array component ) : - Ext.Component
Adds Component(s) to this Container. + Ext.Component/Array
Adds Component(s) to this Container. Description : <ul class="mdetail-params"> Fires the beforeadd event before addin...

Adds Component(s) to this Container.

@@ -1158,8 +1158,8 @@ tb.BorderLayout for more details. -
Parameters:
  • component : Object/Array

    Either a single component or an Array of components to add. See -items for additional information.

  • (Optional) : Object
    component_2
  • (Optional) : Object
    component_n
Returns:
  • Ext.Component
    component The Component (or config object) that was added.
Container addButton( String/Object config, Function handler, Object scope ) +
Parameters:Returns:
Container addButton( String/Object config, Function handler, Object scope ) : Ext.Button
Adds a button to this panel. Note that this method must be called prior to rendering. The preferred approach is to ...
Adds a button to this panel. Note that this method must be called prior to rendering. The preferred @@ -1261,38 +1261,38 @@ calc layouts as required (defaults to false, which calls doLayout recursively fo : Ext.Component
Enable this component and fire the 'enable' event.
Enable this component and fire the 'enable' event.
Parameters:
  • None.
Returns:
  • Ext.Component
    this
Component enableBubble( String/Array events ) : - void
Enables events fired by this Observable to bubble up an owner hierarchy by calling -this.getBubbleTarget() if present...

Enables events fired by this Observable to bubble up an owner hierarchy by calling -this.getBubbleTarget() if present. There is no implementation in the Observable base class.

-

This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default -implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to -access the required target more quickly.

-

Example:

Ext.override(Ext.form.Field, {
-    //  Add functionality to Field's initComponent to enable the change event to bubble

-    initComponent : Ext.form.Field.prototype.initComponent.createSequence(function() {
-        this.enableBubble('change');
-    }),
-
-    //  We know that we want Field's events to bubble directly to the FormPanel.

-    getBubbleTarget : function() {
-        if (!this.formPanel) {
-            this.formPanel = this.findParentByType('form');
-        }
-        return this.formPanel;
-    }
-});
-
-var myForm = new Ext.formPanel({
-    title: 'User Details',
-    items: [{
-        ...
-    }],
-    listeners: {
-        change: function() {
-            // Title goes red if form has been modified.

-            myForm.header.setStyle('color', 'red');
-        }
-    }
+                                        void
Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present....
Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present. There is no implementation in the Observable base class.

+
This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default
+implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
+access the required target more quickly.

+
Example:
Ext.override(Ext.form.Field, {
+    //  Add functionality to Field's initComponent to enable the change event to bubble
+    initComponent : Ext.form.Field.prototype.initComponent.createSequence(function() {
+        this.enableBubble('change');
+    }),
+
+    //  We know that we want Field's events to bubble directly to the FormPanel.
+    getBubbleTarget : function() {
+        if (!this.formPanel) {
+            this.formPanel = this.findParentByType('form');
+        }
+        return this.formPanel;
+    }
+});
+
+var myForm = new Ext.formPanel({
+    title: 'User Details',
+    items: [{
+        ...
+    }],
+    listeners: {
+        change: function() {
+            // Title goes red if form has been modified.
+            myForm.header.setStyle('color', 'red');
+        }
+    }
 });
Parameters:
  • events : String/Array
    The event name to bubble, or an Array of event names.
Returns:
  • void
Observable endUpdate()
     :
                                         void
Resumes calculations and scrolling at the end of a bulk operation. See beginUpdate
Resumes calculations and scrolling at the end of a bulk operation. See beginUpdate
Parameters:
  • None.
Returns:
  • void
TabPanel expand( Boolean animate )
@@ -1366,7 +1366,9 @@ or use a render listener directly:
new Ext.Panel({
         },
         single: true  // Remove the listener after first invocation
     }
-});
Parameters:
  • None.
Returns:
  • Ext.Element
    The Element which encapsulates this Component.
Component getFrameHeight() +});
Parameters:
  • None.
Returns:
  • Ext.Element
    The Element which encapsulates this Component.
Component getFooterToolbar() + : + Ext.Toolbar
Returns the toolbar from the footer (fbar) section of the panel.
Returns the toolbar from the footer (fbar) section of the panel.
Parameters:
  • None.
Returns:
  • Ext.Toolbar
    The toolbar
Panel getFrameHeight() : Number
Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and header and ...
Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and @@ -1426,7 +1428,7 @@ This Element is returned as the resizeEl.
Gets the DOM element for the tab strip item which activates the child panel with the specified ID. Access this to cha...
Gets the DOM element for the tab strip item which activates the child panel with the specified -ID. Access this to change the visual treatment of the item, for example by changing the CSS class name.
Parameters:
  • tab : Panel/Number/String
    The tab component, or the tab's index, or the tabs id or itemId.
Returns:
  • HTMLElement
    The DOM node
TabPanel getTemplateArgs( BoxComponent item ) +ID. Access this to change the visual treatment of the item, for example by changing the CSS class name.
Parameters:
  • tab : Panel/Number/String
    The tab component, or the tab's index, or the tabs id or itemId.
Returns:
  • HTMLElement
    The DOM node
TabPanel getTemplateArgs( Ext.BoxComponent item ) : Object
Provides template arguments for rendering a tab selector item in the tab strip. This method returns an object hash co...

Provides template arguments for rendering a tab selector item in the tab strip.

@@ -1437,7 +1439,7 @@ are:

  • text : String
    The text to display
  • cls : String
    The CSS class name
  • iconCls : String
    A CSS class to provide appearance for an icon.
    • -
Parameters:
  • item : BoxComponent
    The BoxComponent for which to create a selector element in the tab strip.
Returns:
  • Object
    An object hash containing the properties required to render the selector element.
TabPanel getTool( String id ) +
Parameters:Returns:
TabPanel getTool( String id ) : Object
Retrieve a tool by id.
Retrieve a tool by id.
Parameters:
  • id : String
Returns:
  • Object
    tool
Panel getTopToolbar() : @@ -1609,10 +1611,10 @@ within the
Sets the overflow on the content element of the component.
Sets the overflow on the content element of the component.
Parameters:
  • scroll : Boolean
    True to allow the Component to auto scroll.
Returns:
  • Ext.BoxComponent
    this
BoxComponent setDisabled( Boolean disabled ) : - Ext.Component
Convenience function for setting disabled/enabled by boolean.
Convenience function for setting disabled/enabled by boolean.
Parameters:
  • disabled : Boolean
Returns:
  • Ext.Component
    this
Component setHeight( Number height ) + Ext.Component
Convenience function for setting disabled/enabled by boolean.
Convenience function for setting disabled/enabled by boolean.
Parameters:
  • disabled : Boolean
Returns:
  • Ext.Component
    this
Component setHeight( Mixed height ) : - Ext.BoxComponent
Sets the height of the component. This method fires the resize event.
Sets the height of the component. This method fires the resize event.
Parameters:
  • height : Number
    The new height to set. This may be one of:
      -
    • A Number specifying the new height in the Element's Ext.Element.defaultUnits (by default, pixels).
      • + Ext.BoxComponent
      Sets the height of the component. This method fires the resize event.
      Sets the height of the component. This method fires the resize event.
      Parameters:
      • height : Mixed
        The new height to set. This may be one of:
          +
        • A Number specifying the new height in the Element's defaultUnits (by default, pixels).
        • A String used to set the CSS height style.
        • undefined to leave the height unchanged.
      Returns:
      • Ext.BoxComponent
        this
      BoxComponent setIconClass( String cls ) @@ -1649,10 +1651,10 @@ In order to be able to set the title, a header eleme...
    < for the Panel. This is triggered either by configuring the Panel with a non-blank title, or configuring it with header: true.

    Parameters:
    • title : String
      The title text to set
    • iconCls : String
      (optional) iconCls A user-defined CSS class that provides the icon image for this panel
    Returns:
    • void
    Panel setVisible( Boolean visible ) : - Ext.Component
    Convenience function to hide or show this component by boolean.
    Convenience function to hide or show this component by boolean.
    Parameters:
    • visible : Boolean
      True to show, false to hide
    Returns:
    • Ext.Component
      this
    Component setWidth( Number width ) + Ext.Component
    Convenience function to hide or show this component by boolean.
    Convenience function to hide or show this component by boolean.
    Parameters:
    • visible : Boolean
      True to show, false to hide
    Returns:
    • Ext.Component
      this
    Component setWidth( Mixed width ) : - Ext.BoxComponent
    Sets the width of the component. This method fires the resize event.
    Sets the width of the component. This method fires the resize event.
    Parameters:
    • width : Number
      The new width to setThis may be one of:
        -
      • A Number specifying the new width in the Element's Ext.Element.defaultUnits (by default, pixels).
        • + Ext.BoxComponent
        Sets the width of the component. This method fires the resize event.
        Sets the width of the component. This method fires the resize event.
        Parameters:
        • width : Mixed
          The new width to set. This may be one of:
            +
          • A Number specifying the new width in the Element's defaultUnits (by default, pixels).
          • A String used to set the CSS width style.
        Returns:
        • Ext.BoxComponent
          this
        BoxComponent show() :