easyUI dialog 彈窗 居中顯示

2021-08-15 12:00:18 字數 717 閱讀 7566

自從使用了jquery easyui 以來對於dialog彈出框的顯示位置一直是塊心病,想了多種辦法處理。總是覺得不是最好的,今天看見網上一部落格局的挺有道理的,就運用到自己的專案中試了試,覺的挺好就記錄下來分享下,具體如下:

預設情況下應該是在螢幕居中顯示的。但是有的時候沒有居中只要重新糾正下就可以了

$('#add_dialog').dialog('open'); //

開啟新增對話方塊

$('#add_dialog').window('center');//

使dialog居中顯示

dialog繼承自window.

當dialog彈出的兩個頁面內 都同時存在id相同的表單元素的時候,容易引發錯誤。

因為dialog在呼叫close的方法時,頁面元素並只是隱藏起來。當另外頁面彈出時。同時又剛好存在了相同id的元素 則引起了衝突。

因此在呼叫close方法後再呼叫dialog的destroy銷毀方法即可。

easyui dialog 常見的使用

1 定義div,使用iframe 需要顯示dialog時使用以下2行即可 open iframe 0 src edit.action openrolediv dialog open 2 不使用iframe 請參見easyui的demo dialog content.function buttons ...

easyui dialog禁止拖動的辦法

因為dialog繼承了window事件,window事件繼承了panel事件。用panel事件,onmove即可完成靜止拖動dialog,並且移動滑鼠icon也會消失。這方法在ie9 火狐 谷歌正常執行,但在ie6會異常關閉的 這時應該改為 onmove function html view pla...

easyui dialog載入兩遍

以下兩種寫法都會載入並開啟這個dialog,所以如果都寫的話,會載入兩遍,其中有href 屬性時,會傳送兩遍http請求 載入並開啟,如果之前已經載入過屬性 如href等 會再載入一次 比如傳送url請求 dialogdiv dialog open 載入dialog,此時初始化時也會請求href的u...