w2layout.lock

lock(panel, [message], [showSpinner])

パネルをロックします。

panel: string

パネル名。

message: string

表示メッセージ。オプションです。

showSpinner: string

スピナーを表示するかどうかを指定します。オプションです。

説明

この関数はパネルに半透明のdivを追加してロックします。 パネルをロックすると、.unlock()メソッドでロックが解除されるまで、パネルを操作することはできません。 この関数はw2utils.lock()メソッドを呼び出してロックします。 第1引数のtypeは、パネルの名前を指定します。 名前は以下を指定することができます。

• top
• left
• main
• right
• preview
• bottom

ロックする方法は3つあります。 メッセージとスピナーを表示するには。

w2ui['layout'].lock('main', 'Loading...', true);

メッセージを表示せずに、スピナーだけ表示するには。

w2ui['layout'].lock('main', '', true);

メッセージと、スピナーを表示しない。

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

デモ

mainパネルをメッセージとスピナーを表示してロックしています。

JavaScript

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

// コンテンツを返します
w2ui['mylayout'].load('main', '../content/load.html', 'slide-left', function () {
    console.log('content loaded');
});

HTML

<span>load from server.</span>