jQuery EasyUI の｢Layout｣PanelをコードでExpand/Collapseする

画面の構築にjQuery EasyUIのLayoutを利用している。このLayoutが管理するPanelをコードでExpand/Collapseする方法について述べる。例えば、右(east)のパネルを開くには以下でOK。

$('#layoutMain').layout('expand','east');

以前にLayoutのイベントを操作する際に、

    $('#layoutMain').layout('panel','west').panel({
        onCollapse:function(){
            alert('collapse');
        }        
    });

のような形式で、内部のPanelオブジェクトを取得して処理していた。Expand/CollapseはそもそもPanelに定義されたmethodなので、このケースでも同じようにするのかと思っていたが、うまくいかなかった。ちなみに、与えられたPanelをコードでExpandする方法は以下のとおり。

$('#panelXXX').panel('expand');

HTMLであれば以下のようにする。

<div data-options="region:'south', collapsed="true">