這篇文章主要介紹了jquery中easyui對話框怎么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網站制作、成都做網站、企業官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的湘潭網站設計、移動媒體設計的需求,幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
一、下載
在此我用的1.3.5版本,http://www.jeasyui.com/download/list.php
解壓后,如圖:
刪除 demo文件夾。
二、建立基礎模板
引入 內容
三、對話框
1,class引入方式:
Dialog Content.
2,使用Javascript創建對話框窗口也是允許的。現在讓我們創建一個模式窗口并調用'refresh'方法通過ajax讀取內容。
Dialog Content.
$('#dd').dialog({ title: 'My Dialog', width: 400, height: 200, closed: false, cache: false, href: 'get_content.php', modal: true }); $('#dd').dialog('refresh', 'new_content.php');
3,屬性
//屬性設置 $('#box').dialog({ title : '標題', width : 400, height : 250, modal : true, //toolbar : '#tt', toolbar : [{ text : '編輯', iconCls : 'icon-edit', handler : function () { alert('edit'); }, }, {}], //buttons : '#bb', buttons : [{ text : '保存', iconCls : 'icon-ok', handler : function () { alert('save'); } },{}] }); PS:Dialog 是繼承自 Window 組件的,所以 Window 組件和 Panel 組件均可用。
4,事件列表
窗口的事件完整繼承自 Window(面板)。所以,直接參考 Window 面板的事件即可。
//Dialog 事件
$('#box').dialog({
width : 600,
height : 400,
modal : true,
onClose : function () {
alert('關閉后觸發!');
},
});
5,方法
dialog none 返回外部對話框對象
感謝你能夠認真閱讀完這篇文章,希望小編分享的“jquery中easyui對話框怎么用”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!