X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.BoxComponent.html diff --git a/docs/output/Ext.BoxComponent.html b/docs/output/Ext.BoxComponent.html index 8aa52ef9..87f522b7 100644 --- a/docs/output/Ext.BoxComponent.html +++ b/docs/output/Ext.BoxComponent.html @@ -1,4 +1,4 @@ -
Observable
  Component
    BoxComponent

Class Ext.BoxComponent

Package:Ext
Defined In:BoxComponent.js
Class:BoxComponent
Subclasses:Button, Container, DataView, FlashComponent, ProgressBar, Slider, Spacer, Toolbar.Item, Field, Label
Extends:Component

Base class for any Component that is to be sized as a box, using width and height.

+
Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent

Class Ext.BoxComponent

Package:Ext
Defined In:BoxComponent.js
Class:BoxComponent
Subclasses:Button, Container, DataView, FlashComponent, ProgressBar, Spacer, Toolbar.Item, Field, Label, MultiSlider
Extends:Component

Base class for any Component that is to be sized as a box, using width and height.

BoxComponent provides automatic box model adjustments for sizing and positioning and will work correctly within the Component rendering model.

A BoxComponent may be created as a custom Component which encapsulates any HTML element, either a pre-existing @@ -140,7 +140,10 @@ Warning: This will override any size manag...

The maxi Warning: This will override any size mana...

The minimum value in pixels which this BoxComponent will set its height to.

Warning: This will override any size management applied by layout managers.

BoxComponent boxMinWidth : Number
The minimum value in pixels which this BoxComponent will set its width to. Warning: This will override any size manag...

The minimum value in pixels which this BoxComponent will set its width to.

-

Warning: This will override any size management applied by layout managers.

BoxComponent clearCls : String
The CSS class used to to apply to the special clearing div rendered +

Warning: This will override any size management applied by layout managers.

BoxComponent bubbleEvents : Array
An array of events that, when fired, should be bubbled to any parent container. +See Ext.util.Observable.enableBubble....

An array of events that, when fired, should be bubbled to any parent container. +See Ext.util.Observable.enableBubble. +Defaults to [].

Component clearCls : String
The CSS class used to to apply to the special clearing div rendered directly after each form field wrapper to provide...

The CSS class used to to apply to the special clearing div rendered directly after each form field wrapper to provide field clearing (defaults to 'x-form-clear-left').

@@ -665,38 +668,38 @@ should usually not need to be called directly.
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 findParentBy( Function fn )
     :
                                         Ext.Container
Find a container above this component at any level by a custom function. If the passed function returns
@@ -868,10 +871,10 @@ events fired during event suspension will be sent to any listeners now.
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 setPagePosition( Number x, Number y )
@@ -898,10 +901,10 @@ This may be one of:
        
 
      • undefined to leave the height unchanged.
        • 
 
Returns:
  • Ext.BoxComponent
    this
BoxComponent 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()
     :