jquery中easyui对话框怎么用
这篇文章主要介绍了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对话框怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
分享文章：jquery中easyui对话框怎么用
标题来源：http://bzwzjz.com/article/jhcesp.html
