プロパティ

メソッド

イベント

コンフィグオプション

ダイレクトリンク

ContainerLayout
  BoxLayout
    VBoxLayout

Ext.layout.VBoxLayoutクラス

パッケージ:	Ext.layout
定義ファイル:	BoxLayout.js
クラス:	Ext.layout.VBoxLayout
継承元:	BoxLayout

アイテムを垂直にアレンジするレイアウトです。

A layout that arranges items vertically

コンフィグオプション

コンフィグオプション		定義クラス
	align : String コンテナの子アイテムがどのように並べられるかをコントロールします。このプロパティが受け入れる設定... Controls how the child items of the container are aligned. Acceptable configuration values for th... コンテナの子アイテムがどのように並べられるかをコントロールします。このプロパティが受け入れる設定値は以下の通りです: `top` : Default 子アイテムがコンテナの左側で水平に一列に並べられます。 `center` : 子アイテムがコンテナの中間の幅で水平に一列に並べられます。 `stretch` : 子アイテムは、コンテナの高さを満たすために、水平に引き伸ばされます。 `stretchmax` : 子アイテムは、最大のアイテムのサイズまで水平に引き伸ばされます。 Controls how the child items of the container are aligned. Acceptable configuration values for this property are: `top` : Default child items are aligned vertically at the left side of the container `center` : child items are aligned horizontally at the mid-width of the container `stretch` : child items are stretched vertically to fill the height of the container `stretchmax` : child items are stretched vertically to the size of the largest item.	Ext.layout.VBoxLayout
	defaultMargins : Object marginsが指定されていない場合の、デフォルト値を設定します。この設定は、内包されるアイテムのマ... If the individual contained items do not have a margins property specified, the default margins... `margins`が指定されていない場合の、デフォルト値を設定します。この設定は、内包されるアイテムのマージンを次の形式で指定することができます。 `{ top: (top margin), right: (right margin), bottom: (bottom margin), left: (left margin) }` CSSでmarginを設定するのと同じように、文字列で設定することも可能です。値を１つ設定した場合、すべての側面に適用されます。値を２つ設定した場合、１つめの値がtopとbottomの側面に、２つめの値がrightとleftの側面にそれぞれ適用されます。値を３つ設定した場合、１つめの値がtop、２つめの値がleftとright、３つめの値がbottomに適用されます。値を４つ設定した場合、top、right、bottom、leftの順に適用されます。初期値: `{top:0, right:0, bottom:0, left:0}` If the individual contained items do not have a `margins` property specified, the default margins from this property will be applied to each item. This property may be specified as an object containing margins to apply in the format: `{ top: (top margin), right: (right margin), bottom: (bottom margin), left: (left margin) }` This property may also be specified as a string containing space-separated, numeric margin values. The order of the sides associated with each value matches the way CSS processes margin values: If there is only one value, it applies to all sides. If there are two values, the top and bottom borders are set to the first value and the right and left are set to the second. If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third. If there are four values, they apply to the top, right, bottom, and left, respectively. Defaults to: `{top:0, right:0, bottom:0, left:0}`	Ext.layout.BoxLayout
	extraCls : String コンテナに追加するCSSクラス名を設定します。 (参照:Ext.Component.ctCls) extraClsの初期値は''です... An optional extra CSS class that will be added to the container. This can be useful for adding ... コンテナに追加するCSSクラス名を設定します。 (参照:Ext.Component.ctCls) `extraCls`の初期値は`''`です。 Absolute Layout : `'x-abs-layout-item'` Box Layout : `'x-box-item'` Column Layout : `'x-column'` CSSクラス名を設定した例: `extraCls: 'x-column custom-class'` An optional extra CSS class that will be added to the container. This can be useful for adding customized styles to the container or any of its children using standard CSS rules. See Ext.Component.ctCls also. Note: `extraCls` defaults to `''` except for the following classes which assign a value by default: Absolute Layout : `'x-abs-layout-item'` Box Layout : `'x-box-item'` Column Layout : `'x-column'` To configure the above Classes with an extra CSS class append to the default. For example, for ColumnLayout: `extraCls: 'x-column custom-class'`	Ext.layout.ContainerLayout
	flex : Number このコンフィグオプションは、このレイアウトによって管理されるコンテナの子アイテムに適用されます。... This configuation option is to be applied to child items of the container managed by this layou... このコンフィグオプションは、このレイアウトによって管理されるコンテナの子アイテムに適用されます。 flexオプションが設定されている子アイテムは、子アイテム全てのflexオプション合計値と比較した自身の値との相対値によって垂直方向に収縮する割合が決定されます。 flexオプションを0、または設定しない子アイテムは、このオプションによって"収縮しません"（最初のサイズは変わりません）。 This configuation option is to be applied to child items of the container managed by this layout. Each child item with a flex property will be flexed vertically according to each item's relative flex value compared to the sum of all items with a flex value specified. Any child items that have either a flex = 0 or flex = undefined will not be 'flexed' (the initial size will not be changed).	Ext.layout.VBoxLayout
	pack : String コンテナの子アイテムがどのようにパックされるかをコントロールします。このプロパティが受け入れる設... Controls how the child items of the container are packed together. Acceptable configuration value... コンテナの子アイテムがどのようにパックされるかをコントロールします。このプロパティが受け入れる設定値は以下の通りです: `start` : Default コンテナの上側に子アイテムがパックされます。 `center` : コンテナの中間の高さに子アイテムがパックされます。 `end` : コンテナの下側に子アイテムがパックされます。 Controls how the child items of the container are packed together. Acceptable configuration values for this property are: `start` : Default child items are packed together at top side of container `center` : child items are packed together at mid-height of container `end` : child items are packed together at bottom side of container	Ext.layout.VBoxLayout
	padding : String 内包するアイテムのパディングを設定します。(初期値:'0') Defaults to '0'. Sets the padding to be applied to all child items managed by this container's layout.	Ext.layout.BoxLayout
	renderHidden : Boolean trueの場合、それぞれのパネルをレンダリング時に隠します。(初期値:false) True to hide each contained item on render (defaults to false).	Ext.layout.ContainerLayout

プロパティ

プロパティ		定義クラス
	activeItem : Ext.Component アクティブアイテム(Ext.Component)オブジェクトアクティブアイテム(Ext.Component)オブジェクト `if(myPanel.layout.activeItem.id == 'item-1') { ... }` `activeItem`は、 Ext.layout.AccordionLayout, Ext.layout.CardLayout, Ext.layout.FitLayout の用に、常に1つのアイテムのみがアクティブになるレイアウトスタイルで適用されます。 (参照:Ext.Container.activeItem)	Ext.layout.ContainerLayout
	fieldTpl : Ext.Template Ext.layout.FormLayoutで使われるフィールドをレンダリングするためのExt.Templateを設定します。 The Ext.Template used by Field rendering layout classes (such as Ext.layout.FormLayout) to create... Ext.layout.FormLayoutで使われるフィールドをレンダリングするためのExt.Templateを設定します。 The Ext.Template used by Field rendering layout classes (such as Ext.layout.FormLayout) to create the DOM structure of a fully wrapped, labeled and styled form Field. A default Template is supplied, but this may be overriden to create custom field structures. The template processes values returned from Ext.layout.FormLayout.getTemplateArgs.	Ext.layout.ContainerLayout

メソッド

このクラスで公開されているメソッドはありません。

イベント

このクラスで公開されているイベントはありません。