projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * A layout that arranges items vertically down a Container. This layout optionally divides available vertical space\r | |
| 3 | * between child items containing a numeric `flex` configuration.\r | |
| 4 | *\r | |
| 5 | * This layout may also be used to set the widths of child items by configuring it with the {@link #align} option.\r | |
| 6 | *\r | |
| 7 | * @example\r | |
| 8 | * Ext.create('Ext.Panel', {\r | |
| 9 | * width: 500,\r | |
| 10 | * height: 400,\r | |
| 11 | * title: "VBoxLayout Panel",\r | |
| 12 | * layout: {\r | |
| 13 | * type: 'vbox',\r | |
| 14 | * },\r | |
| 15 | * renderTo: document.body,\r | |
| 16 | * items: [{\r | |
| 17 | * xtype: 'panel',\r | |
| 18 | * title: 'Inner Panel One',\r | |
| 19 | * width: 250,\r | |
| 20 | * flex: 2\r | |
| 21 | * },\r | |
| 22 | * {\r | |
| 23 | * xtype: 'panel',\r | |
| 24 | * title: 'Inner Panel Two',\r | |
| 25 | * width: 250,\r | |
| 26 | * flex: 4\r | |
| 27 | * },\r | |
| 28 | * {\r | |
| 29 | * xtype: 'panel',\r | |
| 30 | * title: 'Inner Panel Three',\r | |
| 31 | * width: '50%',\r | |
| 32 | * flex: 4\r | |
| 33 | * }]\r | |
| 34 | * });\r | |
| 35 | */\r | |
| 36 | Ext.define('Ext.layout.container.VBox', {\r | |
| 37 | extend: 'Ext.layout.container.Box',\r | |
| 38 | \r | |
| 39 | alias: 'layout.vbox',\r | |
| 40 | \r | |
| 41 | alternateClassName: 'Ext.layout.VBoxLayout',\r | |
| 42 | \r | |
| 43 | type: 'vbox',\r | |
| 44 | \r | |
| 45 | vertical: true\r | |
| 46 | });\r |