天天看點

easyui架構中關于dialog自帶關閉事件的使用

easyui是一個開源的第三方控件庫,雖然使用比較友善,但其中有些事件和樣式會與其他的控件或者架構形成沖突。

今天談一下easyui 中dialog這個控件(對話框)

easyui dialog一般在使用時,建立一個div,賦予它easyui-dialog的屬性

但是,dialog預設是打開的,需要再頁面加載時,手動進行一次關閉(以前一直是這樣使用的,但發現這樣很傻很天真)

其實,細看dialog的屬性,可以看出,dialog在進行初始化或者進行定義時,他預設有個屬性 closed時可以進行控制開關的

$("#queryBar").dialog({closed:true});

其次,是easyui dialog中自帶的右上角的關閉按鈕,有時候需要人工進行幹預

這時,可以使用

$("#queryBar").dialog({
        onClose: function () {
            $("#projectQuery").css("right", "-1000px");
        }
    });