common.box

オブジェクトをレンダリングするDOM要素です。

DOM Element, default = null

通常divを使いますが、任意のブロック要素を指定することができます。 .boxプロパティを変更する場合は、.render()メソッドを呼び出す必要があります。 セレクタを指定すると自動的に.boxプロパティが設定されるので、.boxプロパティの定義は不要です。

$('#layout').w2layout({
    name    : 'layout',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'preview', size: 200 }
    ]
});

どこにもレンダリングせずにオブジェクトを生成することも可能です。

$().w2layout({
    name    : 'layout',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'preview', size: 200 }
    ]
});

Layoutは生成されており、メモリ内に保持しています。 これをレンダリングするには次のいずれかの方法を使います。

$('#layout').w2render('layout'); // 望ましい方法

w2ui['layout'].render($('#layout')[0]);

w2ui['layout'].box = $('#layout')[0];
w2ui['layout'].render();