easyui dialog 中嵌入html頁面

2022-03-30 00:41:58 字數 733 閱讀 7659

最近使用easyui比較多,這個外掛程式確實很好用。在使用時也遇到了大大小小的問題,好在都一一解決了。

記錄一下今天遇到的問題。

目的:用easyui的dialog嵌入乙個html頁面(html中仍有要執行的指令碼內容)

方法一:

使用href屬性,失敗。

經過測試,如果easyui dialog的位址屬性用href超連結,easyui 不會載入整個url頁面,只會擷取url目標頁的body體間的html。

easyui官網上關於href屬性的說明是:

屬性href,型別string,乙個url,用它載入遠端資料並且顯示咋面板(panel)裡。請注意,除非面板(panel)開啟,否則內容不會被載入。這對建立乙個惰性載入的面板(panel)很有用。

(惰性載入面板本人不太理解)

方法二:

使用content屬性,成功。

html**:

1

js**:

1 $("#dialog").dialog();

$("#dialog").dialog("open"); // 開啟dialog

成功!注意:用此種方式的時候,在html**的中必須寫class="easyui-dialog"這個屬性。否則會彈出很多錯誤。

2017-11-06 15:15:39

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 彈窗 居中顯示

自從使用了jquery easyui 以來對於dialog彈出框的顯示位置一直是塊心病,想了多種辦法處理。總是覺得不是最好的,今天看見網上一部落格局的挺有道理的,就運用到自己的專案中試了試,覺的挺好就記錄下來分享下,具體如下 預設情況下應該是在螢幕居中顯示的。但是有的時候沒有居中只要重新糾正下就可以...

easyui dialog禁止拖動的辦法

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