X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/docs/output/Ext.layout.component.Tip.js diff --git a/docs/output/Ext.layout.component.Tip.js b/docs/output/Ext.layout.component.Tip.js new file mode 100644 index 00000000..4d4c14b2 --- /dev/null +++ b/docs/output/Ext.layout.component.Tip.js @@ -0,0 +1 @@ +Ext.data.JsonP.Ext_layout_component_Tip({"tagname":"class","html":"
Hierarchy
Ext.Base
Ext.layout.Layout
Ext.layout.component.Component
Ext.layout.component.AbstractDock
Ext.layout.component.Dock
Ext.layout.component.Tip
Files
Tip.js

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

Component layout for Tip/ToolTip/etc. components

\n
Defined By

Properties

Ext.Base
view source
: Ext.Classprotected
Get the reference to the current class from which this object was instantiated. ...

Get the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison

\n\n
Ext.define('My.Cat', {\n    statics: {\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        alert(this.self.speciesName); / dependent on 'this'\n\n        return this;\n    },\n\n    clone: function() {\n        return new this.self();\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n    statics: {\n        speciesName: 'Snow Leopard'         // My.SnowLeopard.speciesName = 'Snow Leopard'\n    }\n});\n\nvar cat = new My.Cat();                     // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard();     // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));             // alerts 'My.SnowLeopard'\n
\n

Methods

Defined By

Instance Methods

Ext.layout.component.AbstractDock
view source
( Object box, Number index ) : Objectprotected
This method will adjust the position of the docked item inside an AutoContainerLayout\nand adjust the body box accordi...

This method will adjust the position of the docked item inside an AutoContainerLayout\nand adjust the body box accordingly.

\n

Parameters

  • box : Object

    The box containing information about the width and height\nof this docked item

    \n
  • index : Number

    The index position of this docked item

    \n

Returns

Ext.layout.component.AbstractDock
view source
( Object box, Number index ) : Objectprotected
This method will adjust the position of the docked item and adjust the body box\naccordingly. ...

This method will adjust the position of the docked item and adjust the body box\naccordingly.

\n

Parameters

  • box : Object

    The box containing information about the width and height\nof this docked item

    \n
  • index : Number

    The index position of this docked item

    \n

Returns

Ext.layout.component.AbstractDock
view source
( Array items )protected
This method will set up some initial information about the panel size and bodybox\nand then loop over all the items yo...

This method will set up some initial information about the panel size and bodybox\nand then loop over all the items you pass it to take care of stretching, aligning,\ndock position and all calculations involved with adjusting the body box.

\n

Parameters

  • items : Array

    Array containing all the docked items we have to layout

    \n
Ext.Base
view source
( Array/Arguments args ) : Objectprotected
Call the original method that was previously overridden with override\n\nExt.define('My.Cat', {\n constructor: functi...

Call the original method that was previously overridden with override

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n\n        return this;\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        var instance = this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n\n        return instance;\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object

    \n

Returns

  • Object

    Returns the result after calling the overridden method

    \n
Ext.Base
view source
( Array/Arguments args ) : Objectprotected
Call the parent's overridden method. ...

Call the parent's overridden method. For example:

\n\n
Ext.define('My.own.A', {\n    constructor: function(test) {\n        alert(test);\n    }\n});\n\nExt.define('My.own.B', {\n    extend: 'My.own.A',\n\n    constructor: function(test) {\n        alert(test);\n\n        this.callParent([test + 1]);\n    }\n});\n\nExt.define('My.own.C', {\n    extend: 'My.own.B',\n\n    constructor: function() {\n        alert(\"Going to call parent's overriden constructor...\");\n\n        this.callParent(arguments);\n    }\n});\n\nvar a = new My.own.A(1); // alerts '1'\nvar b = new My.own.B(1); // alerts '1', then alerts '2'\nvar c = new My.own.C(2); // alerts \"Going to call parent's overriden constructor...\"\n                         // alerts '2', then alerts '3'\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)

    \n

Returns

  • Object

    Returns the result from the superclass' method

    \n
Ext.layout.component.AbstractDock
view source
( Ext.Component item )protected
We are overriding the Ext.layout.Layout configureItem method to also add a class that\nindicates the position of the d...

We are overriding the Ext.layout.Layout configureItem method to also add a class that\nindicates the position of the docked item. We use the itemCls (x-docked) as a prefix.\nAn example of a class added to a dock: right item is x-docked-right

\n

Parameters

Ext.layout.Layout
view source
( )template
Destroys this layout. ...

Destroys this layout. This is a template method that is empty by default, but should be implemented\nby subclasses that require explicit destruction to purge event handlers or remove DOM nodes.

\n

This is a template method. A hook into the functionality of this class.Feel free to override it in child classes.

Ext.layout.component.AbstractDock
view source
( Array items, Boolean autoBoxes )protected
This method will first update all the information about the docked items,\nbody dimensions and position, the panel's t...

This method will first update all the information about the docked items,\nbody dimensions and position, the panel's total size. It will then\nset all these values on the docked items and panel body.

\n

Parameters

  • items : Array

    Array containing all the docked items

    \n
  • autoBoxes : Boolean

    Set this to true if the Panel is part of an\nAutoContainerLayout

    \n
Ext.layout.component.AbstractDock
view source
( ) : Arrayprotected
Returns an array containing all the visible docked items inside this layout's owner Panel ...

Returns an array containing all the visible docked items inside this layout's owner Panel

\n

Returns

  • Array

    An array containing all the visible docked items of the Panel

    \n
Ext.layout.component.Component
view source
( ) : Ext.Element
Returns the element into which rendering must take place. ...

Returns the element into which rendering must take place. Defaults to the owner Component's encapsulating element.

\n\n\n

May be overridden in Component layout managers which implement an inner element.

\n

Returns

Ext.layout.component.Component
view source
( ) : Ext.Element
Returns the owner component's resize element. ...

Returns the owner component's resize element.

\n

Returns

Ext.layout.component.AbstractDock
view source
( Ext.Component item ) : Objectprotected
This method will create a box object, with a reference to the item, the type of dock\n(top, left, bottom, right). ...

This method will create a box object, with a reference to the item, the type of dock\n(top, left, bottom, right). It will also take care of stretching and aligning of the\ndocked items.

\n

Parameters

  • item : Ext.Component

    The docked item we want to initialize the box for

    \n

Returns

  • Object

    The initial box containing width and height and other useful information

    \n
Ext.Base
view source
( Object config ) : Objectprotected
Initialize configuration for this class. ...

Initialize configuration for this class. a typical example:

\n\n
Ext.define('My.awesome.Class', {\n    // The default config\n    config: {\n        name: 'Awesome',\n        isAwesome: true\n    },\n\n    constructor: function(config) {\n        this.initConfig(config);\n\n        return this;\n    }\n});\n\nvar awesome = new My.awesome.Class({\n    name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\n

Parameters

Returns

  • Object

    mixins The mixin prototypes as key - value pairs

    \n
Ext.layout.component.Component
view source
( Number width, Number height )
Check if the new size is different from the current size and only\ntrigger a layout if it is necessary. ...

Check if the new size is different from the current size and only\ntrigger a layout if it is necessary.

\n

Parameters

  • width : Number

    The new width to set.

    \n
  • height : Number

    The new height to set.

    \n
Ext.layout.component.AbstractDock
view source
( Ext.Component owner, Ext.Element target, Array args )protected
...
\n

Parameters

  • owner : Ext.Component

    The Panel that owns this DockLayout

    \n
  • target : Ext.Element

    The target in which we are going to render the docked items

    \n
  • args : Array

    The arguments passed to the ComponentLayout.layout method

    \n
Ext.layout.component.AbstractDock
view source
( Object items, Object target )protected
Render the top and left docked items before any existing DOM nodes in our render target,\nand then render the right an...

Render the top and left docked items before any existing DOM nodes in our render target,\nand then render the right and bottom docked items after. This is important, for such things\nas tab stops and ARIA readers, that the DOM nodes are in a meaningful order.\nOur collection of docked items will already be ordered via Panel.getDockedItems().

\n

Parameters

Ext.layout.component.AbstractDock
view source
( Object box )protected
This function will be called by the dockItems method. ...

This function will be called by the dockItems method. Since the body is positioned absolute,\nwe need to give it dimensions and a position so that it is in the middle surrounded by\ndocked items

\n

Parameters

  • box : Object

    An object containing new x, y, width and height values for the\nPanel's body

    \n
Ext.layout.component.Component
view source
( Number width, Number height )
Set the size of any element supporting undefined, null, and values. ...

Set the size of any element supporting undefined, null, and values.

\n

Parameters

  • width : Number

    The new width to set.

    \n
  • height : Number

    The new height to set.

    \n
Ext.layout.component.Component
view source
( Number width, Number height )
Set the size of the target element. ...

Set the size of the target element.

\n

Parameters

  • width : Number

    The new width to set.

    \n
  • height : Number

    The new height to set.

    \n
Ext.Base
view source
( ) : Ext.Classprotected
Get the reference to the class from which this object was instantiated. ...

Get the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time

\n\n
Ext.define('My.Cat', {\n    statics: {\n        totalCreated: 0,\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        var statics = this.statics();\n\n        alert(statics.speciesName);     // always equals to 'Cat' no matter what 'this' refers to\n                                        // equivalent to: My.Cat.speciesName\n\n        alert(this.self.speciesName);   // dependent on 'this'\n\n        statics.totalCreated++;\n\n        return this;\n    },\n\n    clone: function() {\n        var cloned = new this.self;                      // dependent on 'this'\n\n        cloned.groupName = this.statics().speciesName;   // equivalent to: My.Cat.speciesName\n\n        return cloned;\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n\n    statics: {\n        speciesName: 'Snow Leopard'     // My.SnowLeopard.speciesName = 'Snow Leopard'\n    },\n\n    constructor: function() {\n        this.callParent();\n    }\n});\n\nvar cat = new My.Cat();                 // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));         // alerts 'My.SnowLeopard'\nalert(clone.groupName);                 // alerts 'Cat'\n\nalert(My.Cat.totalCreated);             // alerts 3\n
\n

Returns

Defined By

Static Methods

Ext.Base
view source
( Object members ) : Ext.Basestatic
Add / override static properties of this class. ...

Add / override static properties of this class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.addStatics({\n    someProperty: 'someValue',      // My.cool.Class.someProperty = 'someValue'\n    method1: function() { ... },    // My.cool.Class.method1 = function() { ... };\n    method2: function() { ... }     // My.cool.Class.method2 = function() { ... };\n});\n
\n

Parameters

Returns

Ext.Base
view source
( Ext.Base fromClass, String/String[] members ) : Ext.Basestatic
Borrow another class' members to the prototype of this class. ...

Borrow another class' members to the prototype of this class.

\n\n
Ext.define('Bank', {\n    money: '$$$',\n    printMoney: function() {\n        alert('$$$$$$$');\n    }\n});\n\nExt.define('Thief', {\n    ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\n

Parameters

  • fromClass : Ext.Base

    The class to borrow members from

    \n
  • members : String/String[]

    The names of the members to borrow

    \n

Returns

Ext.Base
view source
( ) : Objectstatic
Create a new instance of this Class. ...

Create a new instance of this Class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.create({\n    someConfig: true\n});\n
\n\n

All parameters are passed to the constructor of the class.

\n

Returns

Ext.Base
view source
( String/Object alias, String/Object origin )static
Create aliases for existing prototype methods. ...

Create aliases for existing prototype methods. Example:

\n\n
Ext.define('My.cool.Class', {\n    method1: function() { ... },\n    method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n    method3: 'method1',\n    method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\n

Parameters

Ext.Base
view source
( ) : Stringstatic
Get the current class' name in string format. ...

Get the current class' name in string format.

\n\n
Ext.define('My.cool.Class', {\n    constructor: function() {\n        alert(this.self.getName()); // alerts 'My.cool.Class'\n    }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\n

Returns

Ext.Base
view source
( Object members )static
Add methods / properties to the prototype of this class. ...

Add methods / properties to the prototype of this class.

\n\n
Ext.define('My.awesome.Cat', {\n    constructor: function() {\n        ...\n    }\n});\n\n My.awesome.Cat.implement({\n     meow: function() {\n        alert('Meowww...');\n     }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\n

Parameters

Ext.Base
view source
( Object members ) : Ext.Basestatic
Override prototype members of this class. ...

Override prototype members of this class. Overridden methods can be invoked via\ncallOverridden

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n\n        return this;\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        var instance = this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n\n        return instance;\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n

Parameters

Returns

","allMixins":[],"meta":{},"requires":[],"deprecated":null,"extends":"Ext.layout.component.Dock","inheritable":false,"static":false,"superclasses":["Ext.Base","Ext.layout.Layout","Ext.layout.component.Component","Ext.layout.component.AbstractDock","Ext.layout.component.Dock","Ext.layout.component.Tip"],"singleton":false,"code_type":"ext_define","alias":null,"statics":{"property":[],"css_var":[],"css_mixin":[],"cfg":[],"method":[{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"addStatics","id":"static-method-addStatics"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"borrow","id":"static-method-borrow"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"create","id":"static-method-create"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"createAlias","id":"static-method-createAlias"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"getName","id":"static-method-getName"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"implement","id":"static-method-implement"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"override","id":"static-method-override"}],"event":[]},"subclasses":[],"uses":[],"protected":false,"mixins":[],"members":{"property":[{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.Base","template":null,"required":null,"protected":true,"name":"self","id":"property-self"}],"css_var":[],"css_mixin":[],"cfg":[],"method":[{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"adjustAutoBox","id":"method-adjustAutoBox"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"adjustSizedBox","id":"method-adjustSizedBox"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"calculateDockBoxes","id":"method-calculateDockBoxes"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"callOverridden","id":"method-callOverridden"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"callParent","id":"method-callParent"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"configureItem","id":"method-configureItem"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.Layout","template":true,"required":null,"protected":false,"name":"destroy","id":"method-destroy"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"dockItems","id":"method-dockItems"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"getLayoutItems","id":"method-getLayoutItems"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"getRenderTarget","id":"method-getRenderTarget"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"getTarget","id":"method-getTarget"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"initBox","id":"method-initBox"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"initConfig","id":"method-initConfig"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"needsLayout","id":"method-needsLayout"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"onLayout","id":"method-onLayout"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"renderItems","id":"method-renderItems"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.AbstractDock","template":false,"required":null,"protected":true,"name":"setBodyBox","id":"method-setBodyBox"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"setElementSize","id":"method-setElementSize"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"setTargetSize","id":"method-setTargetSize"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"statics","id":"method-statics"}],"event":[]},"private":true,"component":false,"name":"Ext.layout.component.Tip","alternateClassNames":[],"id":"class-Ext.layout.component.Tip","mixedInto":[],"xtypes":{"layout":["tip"]},"files":[{"href":"Tip.html#Ext-layout-component-Tip","filename":"Tip.js"}]}); \ No newline at end of file