w2layout.el

el(type)

レンダリングされたパネルのDOM要素を返します。

type: string

パネル名。

説明

第1引数のtypeは、パネルの名前を指定します。 名前は以下を指定することができます。

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

レイアウトのパネルにはToolbarやTabs、リサイザー、コンテンツなど複数の要素が含まれています。 elメソッドを呼ぶと、レンダリングされたDOM要素を取得することができます。 指定したパネルの特定要素をjQueryを使って見つけることができます。

var el = w2ui['layout'].el('main');
$(el).find('.title').css('color', 'red');

デモ

レイアウトをクリックすると、mainパネルのコンテンツを赤文字に変更します。

JavaScript

$('#layout').w2layout({
    name    : 'mylayout',
    panels  : [
        { type: 'top', content: 'top', size: 40 },
        { type: 'main', content: '<span class="title">This is main panel</span>' },
    ]
});
$('#layout').on('click', function() {
    var el = w2ui['mylayout'].el('main');
    $(el).find('.title').css('color', '#d50000');
});