$.acooly.divdialog.open打开后的页面如何接收值
时间: 2024-03-12 08:46:10 浏览: 63
$.acooly.divdialog.open打开弹出框后,如果需要将弹出框中的数据传递给父页面,可以通过回调函数或者事件来实现。
1. 回调函数
在打开弹出框的时候,可以通过options参数中的一个回调函数来获取弹出框中的数据。具体来说,可以在弹出框中设置一个确定按钮,在确定按钮的点击事件中执行回调函数并将数据传入。示例代码如下:
```javascript
$.acooly.divdialog.open({
title: '弹出框标题',
width: 400,
height: 300,
modal: true,
resizable: false,
buttons: {
'确定': function() {
var data = {
name: $('#name').val(),
age: $('#age').val()
};
if (typeof options.callback === 'function') {
options.callback(data);
}
$(this).dialog('close');
}
},
open: function() {
// 弹出框打开时触发的事件
},
close: function() {
// 弹出框关闭时触发的事件
}
});
```
在上面的代码中,我们在弹出框中设置了一个确定按钮,并在点击事件中执行了回调函数options.callback,并将数据data传入回调函数中。
在父页面中调用$.acooly.divdialog.open时,可以通过设置options.callback来获取弹出框中的数据。示例代码如下:
```javascript
$.acooly.divdialog.open({
title: '弹出框标题',
width: 400,
height: 300,
modal: true,
resizable: false,
callback: function(data) {
console.log(data);
}
});
```
在上面的代码中,我们在打开弹出框时设置了一个callback回调函数,当弹出框中的数据被确定后,会执行该回调函数,并将数据传入回调函数中。
2. 事件
除了回调函数外,还可以通过事件来获取弹出框中的数据。具体来说,可以在父页面中监听弹出框的close事件,在该事件中获取弹出框中的数据。示例代码如下:
```javascript
$.acooly.divdialog.open({
title: '弹出框标题',
width: 400,
height: 300,
modal: true,
resizable: false,
open: function() {
// 弹出框打开时触发的事件
},
close: function(event, ui) {
var data = {
name: $('#name').val(),
age: $('#age').val()
};
console.log(data);
}
});
```
在上面的代码中,我们在父页面中监听了$.acooly.divdialog的close事件,并在事件处理函数中获取了弹出框中的数据。注意,在close事件处理函数中,我们可以通过event参数和ui参数来获取更多关于关闭事件的信息。
阅读全文