w2ui.layout - にほんご。

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ドキュメントを翻訳/改変したものです。