以window元件為例

事件

擴充套件事件直接定義在options中，可以再初始化元件時定義事件，也可以使用時臨時定義事件。這裡是元件初始化後在新增的。

使用情景：新增，插入功能。主介面表格分別點選新增和插入按鈕，開啟子窗體後選擇一些資料，再點選同一個確定按鈕。根據傳入的事件處理方法，在主介面新增或插入一行記錄。

<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"
    data-options="iconCls:'icon-save',modal:true">
    Window Content
 
</div>

//窗體擴充套件按鈕點選事件
$("#win").window({
    onSelect: function () {
        alert("觸發select事件");
    }
});

方法擴充套件

方法需要擴充套件，options中沒有。

//窗體擴充套件按鈕點選方法
$.extend($.fn.window.methods, {
    select: function (jq) {
        //獲取配置項
        var opts = $(jq).data('window').options;
        //呼叫配置項中定義的事件處理方法
 

        opts.onSelect.call(jq);
        //點選後立即關閉子窗體
        $(jq).window("close");
    }
});

這樣在子窗體中新增一個按鈕，執行 $("#win").window("select"); 就能觸發onSelect事件。

在主介面的新增和插入按鈕分別定義一次options配置項，就能實現同一個子窗體的確定按鈕，表現不同的行為。