/hippo/src/main/webapp/ext/src/widgets/layout/AbsoluteLayout.js

http://hdbc.googlecode.com/ · JavaScript · 82 lines · 16 code · 5 blank · 61 comment · 0 complexity · 90503ba7049c23bdbe01836043fc8e72 MD5 · raw file 

    

  1. /*!
    2. 

  2.  * Ext JS Library 3.0.0
    3. 

  3.  * Copyright(c) 2006-2009 Ext JS, LLC
    4. 

  4.  * licensing@extjs.com
    5. 

  5.  * http://www.extjs.com/license
    6. 

  6.  */
    7. 

  7. /**

    8. 

  8.  * @class Ext.layout.AbsoluteLayout

    9. 

  9.  * @extends Ext.layout.AnchorLayout

    10. 

  10.  * <p>This is a layout that inherits the anchoring of <b>{@link Ext.layout.AnchorLayout}</b> and adds the

    11. 

  11.  * ability for x/y positioning using the standard x and y component config options.</p>

    12. 

  12.  * <p>This class is intended to be extended or created via the <tt><b>{@link Ext.Container#layout layout}</b></tt>

    13. 

  13.  * configuration property.  See <tt><b>{@link Ext.Container#layout}</b></tt> for additional details.</p>

    14. 

  14.  * <p>Example usage:</p>

    15. 

  15.  * <pre><code>

    16. 

  16. var form = new Ext.form.FormPanel({

    17. 

  17.     title: 'Absolute Layout',

    18. 

  18.     layout:'absolute',

    19. 

  19.     layoutConfig: {

    20. 

  20.         // layout-specific configs go here

    21. 

  21.         extraCls: 'x-abs-layout-item',

    22. 

  22.     },

    23. 

  23.     baseCls: 'x-plain',

    24. 

  24.     url:'save-form.php',

    25. 

  25.     defaultType: 'textfield',

    26. 

  26.     items: [{

    27. 

  27.         x: 0,

    28. 

  28.         y: 5,

    29. 

  29.         xtype:'label',

    30. 

  30.         text: 'Send To:'

    31. 

  31.     },{

    32. 

  32.         x: 60,

    33. 

  33.         y: 0,

    34. 

  34.         name: 'to',

    35. 

  35.         anchor:'100%'  // anchor width by percentage

    36. 

  36.     },{

    37. 

  37.         x: 0,

    38. 

  38.         y: 35,

    39. 

  39.         xtype:'label',

    40. 

  40.         text: 'Subject:'

    41. 

  41.     },{

    42. 

  42.         x: 60,

    43. 

  43.         y: 30,

    44. 

  44.         name: 'subject',

    45. 

  45.         anchor: '100%'  // anchor width by percentage

    46. 

  46.     },{

    47. 

  47.         x:0,

    48. 

  48.         y: 60,

    49. 

  49.         xtype: 'textarea',

    50. 

  50.         name: 'msg',

    51. 

  51.         anchor: '100% 100%'  // anchor width and height

    52. 

  52.     }]

    53. 

  53. });

    54. 

  54. </code></pre>

    55. 

  55.  */

    56. 

  56. Ext.layout.AbsoluteLayout = Ext.extend(Ext.layout.AnchorLayout, {

    57. 

  57. 

    58. 

  58.     extraCls: 'x-abs-layout-item',

    59. 

  59. 

    60. 

  60.     onLayout : function(ct, target){

    61. 

  61.         target.position();

    62. 

  62.         this.paddingLeft = target.getPadding('l');

    63. 

  63.         this.paddingTop = target.getPadding('t');

    64. 

  64. 

    65. 

  65.         Ext.layout.AbsoluteLayout.superclass.onLayout.call(this, ct, target);

    66. 

  66.     },

    67. 

  67. 

    68. 

  68.     // private

    69. 

  69.     adjustWidthAnchor : function(value, comp){

    70. 

  70.         return value ? value - comp.getPosition(true)[0] + this.paddingLeft : value;

    71. 

  71.     },

    72. 

  72. 

    73. 

  73.     // private

    74. 

  74.     adjustHeightAnchor : function(value, comp){

    75. 

  75.         return  value ? value - comp.getPosition(true)[1] + this.paddingTop : value;

    76. 

  76.     }

    77. 

  77.     /**

    78. 

  78.      * @property activeItem

    79. 

  79.      * @hide

    80. 

  80.      */

    81. 

  81. });

    82. 

  82. Ext.Container.LAYOUTS['absolute'] = Ext.layout.AbsoluteLayout;
    83.