w2layout.sizeTo
更新日: 2018-09-07
sizeTo(type, size, [instant])
パネルのタブを表示します。
- type: string
- パネル名。
- size: integer
- 新しいサイズ。
- instant: boolean
- パネルのサイズ変更をすぐに*1反映するかどうかを指定します。オプションです。
*1 アニメーションの有無です。
説明
第1引数のtype
は、パネルの名前を指定します。 名前は以下を指定することができます。
- top
- left
- main
- right
- preview
- bottom
第2引数のsize
は、パネルのサイズです。 パネルの種類によって値は異なり、 left
パネル、right
パネルの場合は幅、 それ以外のパネルは高さになります。
left
パネルとright
パネルには マイナスサイズを指定することができます。 サイズがマイナスの場合、全体のサイズから指定したマイナス分を引いた値がサイズになります。
以下に例を示します。
$('#layout').w2layout({
name : 'layout',
panels : [
{ type: 'top', size: 40 },
{ type: 'main', content: 'This is main panel' },
{ type: 'preview', size: 200, hidden: true },
{ type: 'right', size: 40 }
]
});
w2ui['layout'].sizeTo('right', 100);
デモ
レイアウトをクリックすると、right
パネルの幅を100px
に変更します。
JavaScript
$('#layout').w2layout({
name : 'layout',
panels : [
{ type: 'top', content: 'top', size: 40 },
{ type: 'main', content: 'This is main panel' },
{ type: 'right', content: 'right', size: 40 }
]
});
$('#layout').on('click', function() {
w2ui['mylayout'].sizeTo('right', 100);
});
© 2017. .
Code licensed under theMIT License. Documentation licensed underCC BY 3.0.
このコンテンツはvitmalinaによるw2ui.layoutドキュメントを翻訳/改変したものです。