X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.BoxComponent.html diff --git a/docs/output/Ext.BoxComponent.html b/docs/output/Ext.BoxComponent.html index 0732af57..87f522b7 100644 --- a/docs/output/Ext.BoxComponent.html +++ b/docs/output/Ext.BoxComponent.html @@ -1,280 +1,261 @@ -
-
- 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.

+
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 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