X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..76cb34406ceaf9681a76e13b531d7eafa483ad88:/docs/output/Ext.BoxComponent.html diff --git a/docs/output/Ext.BoxComponent.html b/docs/output/Ext.BoxComponent.html index 0732af57..aef15089 100644 --- a/docs/output/Ext.BoxComponent.html +++ b/docs/output/Ext.BoxComponent.html @@ -1,1808 +1,868 @@ -
-
- Properties - Methods - Events - Config Options - Direct Link -
-
-
Observable
-  Component
-    BoxComponent
-

Class Ext.BoxComponent

- - - - - - -
Package:Ext
Defined In:BoxComponent.js
Class:BoxComponent
Subclasses:Container, DataView, ProgressBar, Slider, Toolbar, Field, Label
Extends:Component
-
- * -

Base class for any visual Ext.Component that uses a box container. BoxComponent provides automatic box -model adjustments for sizing and positioning and will work correctly withnin the Component rendering model. All -container classes should subclass BoxComponent so that they will work consistently when nested within other Ext -layout containers.

+
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, Slider, Spacer, Toolbar.Item, Field, Label
Extends:Component
xtype:box

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 element, or one that is created to your specifications at render time. Usually, to participate in layouts, a Component will need to be a BoxComponent in order to have its width and height managed.

To use a pre-existing element as a BoxComponent, configure it so that you preset the el property to the -element to reference:

var pageHeader = new Ext.BoxComponent({
+element to reference:
var pageHeader = new Ext.BoxComponent({
     el: 'my-header-div'
 });

-This may then be added to a Container as a child item.

+This may then be added to a Container as a child item.

 
To create a BoxComponent based around a HTML element to be created at render time, use the
-autoEl config option which takes the form of a
-DomHelper specification:
var myImage = new Ext.BoxComponent({
+autoEl config option which takes the form of a
+DomHelper specification:
var myImage = new Ext.BoxComponent({
     autoEl: {
         tag: 'img',
         src: '/images/my-image.jpg'
     }
-});
- -
- -

Config Options

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Config OptionsDefined By
  - - allowDomMove : Boolean
- Whether the component can move the Dom node when rendering (defaults to true).
- 		Component
  - - disabled : Boolean
- Render this component disabled (default is false).
- 		Component
  - - disabledClass : String
- CSS class added to the component when it is disabled (defaults to "x-item-disabled").
- 		Component

Public Events

EventDefined By
\ No newline at end of file