我們來看一下panel方法和事件。

panel方法。

    呼叫refresh時可以使用引數，也可以不使用。refresh方法的引數是字串，並且是一個url地址，元件在重新整理時將會使用該url地址指向的頁面作為新的內容。當然你也可以不傳遞引數，這樣的話元件重新整理時會使用初始構造panel時所使用的href屬性的值。
    resize用來調整元件的大小和位置，它的引數是一個json，包含，width、height、top、left四個元素。

$("#myPanel").panel("resize", {width:100,height:100,left:20,top:30});

    doLayout設定元件內子元件的大小。其實該方法返回的是子元件的物件，使用者可以對內部的子元件做相關操作。
    move方法可以將panel元件移到一個新位置，引數是一個JSON，包含top和left兩個元素，用法同resize。
    collapse和expand的引數是字串”animation”，如果指定該引數，那麼在展開或摺疊元件時會有動畫效果，如果方法不使用引數，則不具有動畫效果。

panel事件。

    panel事件有一些規律，onBeforeXXX事件和對應的onXXX事件（如onBeforeClose和onClose），觸發時的事件是一樣的，只是觸發時機不同，前者在事件開始執行前觸發，後者則是在事件執行完成後觸發。這些事件都比如容易理解，也不做過多講述，僅舉一個例子簡單說明。

<div id="myPanel" class="easyui-panel"></div>
<script>
    $("#myPanel").panel({
        onBeforeClose:function() {
            return false;
        }
    });
</script>

    上例程式碼中，因為onBeforeClose總是返回false，所以元件永遠不會被關閉。其他的OnBeforeXXX事件也是一樣，如果返回false，均不會執行相關事件動作。