docs/source/AbstractContainer.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5   <title>The source code</title>
   6   <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
   7   <script type="text/javascript" src="../prettify/prettify.js"></script>
   8   <style type="text/css">
   9     .highlight { display: block; background-color: #ddd; }
  10   </style>
  11   <script type="text/javascript">
  12     function highlight() {
  13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14     }
  15   </script>
  16 </head>
  17 <body onload="prettyPrint(); highlight();">
  18   <pre class="prettyprint lang-js"><span id='Ext-layout-container-AbstractContainer'>/**
  19 </span> * @class Ext.layout.container.AbstractContainer
  20  * @extends Ext.layout.Layout
  21  * Please refer to sub classes documentation
  22  */
  23
  24 Ext.define('Ext.layout.container.AbstractContainer', {
  25
  26     /* Begin Definitions */
  27
  28     extend: 'Ext.layout.Layout',
  29
  30     /* End Definitions */
  31
  32     type: 'container',
  33
  34 <span id='Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtComponent'>    /**
  35 </span>     * @cfg {Boolean} bindToOwnerCtComponent
  36      * Flag to notify the ownerCt Component on afterLayout of a change
  37      */
  38     bindToOwnerCtComponent: false,
  39
  40 <span id='Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtContainer'>    /**
  41 </span>     * @cfg {Boolean} bindToOwnerCtContainer
  42      * Flag to notify the ownerCt Container on afterLayout of a change
  43      */
  44     bindToOwnerCtContainer: false,
  45
  46 <span id='Ext-layout-container-AbstractContainer-cfg-itemCls'>    /**
  47 </span>     * @cfg {String} itemCls
  48      * &lt;p&gt;An optional extra CSS class that will be added to the container. This can be useful for adding
  49      * customized styles to the container or any of its children using standard CSS rules. See
  50      * {@link Ext.Component}.{@link Ext.Component#ctCls ctCls} also.&lt;/p&gt;
  51      * &lt;/p&gt;
  52      */
  53
  54 <span id='Ext-layout-container-AbstractContainer-method-setItemSize'>    /**
  55 </span>    * Set the size of an item within the Container.  We should always use setCalculatedSize.
  56     * @private
  57     */
  58     setItemSize: function(item, width, height) {
  59         if (Ext.isObject(width)) {
  60             height = width.height;
  61             width = width.width;
  62         }
  63         item.setCalculatedSize(width, height, this.owner);
  64     },
  65
  66 <span id='Ext-layout-container-AbstractContainer-method-getLayoutItems'>    /**
  67 </span>     * &lt;p&gt;Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's
  68      * base class), or the layout phase (onLayout).&lt;/p&gt;
  69      * @return {Array} of child components
  70      */
  71     getLayoutItems: function() {
  72         return this.owner &amp;&amp; this.owner.items &amp;&amp; this.owner.items.items || [];
  73     },
  74
  75     afterLayout: function() {
  76         this.owner.afterLayout(this);
  77     },
  78 <span id='Ext-layout-container-AbstractContainer-method-getTarget'>    /**
  79 </span>     * Returns the owner component's resize element.
  80      * @return {Ext.core.Element}
  81      */
  82      getTarget: function() {
  83          return this.owner.getTargetEl();
  84      },
  85 <span id='Ext-layout-container-AbstractContainer-method-getRenderTarget'>    /**
  86 </span>     * &lt;p&gt;Returns the element into which rendering must take place. Defaults to the owner Container's {@link Ext.AbstractComponent#targetEl}.&lt;/p&gt;
  87      * May be overridden in layout managers which implement an inner element.
  88      * @return {Ext.core.Element}
  89      */
  90      getRenderTarget: function() {
  91          return this.owner.getTargetEl();
  92      }
  93 });
  94 </pre>
  95 </body>
  96 </html>