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对话框怎么用"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!