common.render

render([box])

オブジェクトをboxにレンダリングします。 戻り値はレンダリングに掛かった時間(ms)です。

box: DOM element

ウィジェットのコンテナ。

説明

このメソッドは全てのw2uiウィジェット共通です。ウィジェット間の違いはほとんどありません。 基本的にrender()メソッドはオブジェクトの生成時に1度だけ呼び出されます。refresh()メソッドは生成済みオブジェクトのプロパティを変更した後に、 変更を反映するためにコンテンツの更新が必要な場合に呼び出します。

$('#layout').w2layout({
    name    : 'layout',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'main', content: 'This is main panel' },
        { type: 'preview', size: 200, hidden: true }
    ]
});

// ...
// some code
// ...

w2ui['layout'].refresh();

引数を指定しない場合、ウィジェット全体が更新されます。 幾つかのウィジェットでは、引数を指定して一部分のみを更新することができます。

w2layoutの場合はパネルです。

w2ui['layout'].refresh('main');

w2sidebarの場合はnodeのidです。

w2ui['sidebar'].refresh('node-id');

w2tabsの場合はタブのidです。

w2ui['tabs'].refresh('tab-id');

w2toolbarの場合はツールバーのidです。

w2ui['toolbar'].refresh('toolbar-id');