$.acooly.divdialog = d = $('<div/>').dialog({如何将当前页面的值传递到dialog中去
时间: 2024-03-12 18:45:59 浏览: 86
对话框之间数据的传递
4星 · 用户满意度95%
要将当前页面的值传递到$.acooly.divdialog中,可以通过以下步骤实现:
1. 在页面中定义一个按钮,用于触发打开$.acooly.divdialog的操作。
2. 在按钮的点击事件中,获取需要传递到$.acooly.divdialog中的值,并将这些值存储在一个JavaScript对象中。
3. 调用$.acooly.divdialog的open方法打开弹出框,同时将第2步中存储的JavaScript对象作为参数传递给$.acooly.divdialog。
4. 在$.acooly.divdialog中,通过参数获取第3步中传递过来的JavaScript对象,并将其中的值填充到弹出框中。
具体实现代码如下:
```javascript
// 页面中的按钮点击事件
$('#btn-open-dialog').click(function() {
// 获取需要传递到弹出框中的值
var name = $('#name').val();
var age = $('#age').val();
// 将这些值存储在一个JavaScript对象中
var data = {
name: name,
age: age
};
// 打开弹出框,并将数据对象传递给$.acooly.divdialog
$.acooly.divdialog = d = $('<div/>').dialog({
title: '弹出框标题',
width: 400,
height: 300,
modal: true,
resizable: false,
buttons: {
'确定': function() {
$(this).dialog('close');
}
},
open: function() {
// 将数据对象中的值填充到弹出框中
$('#name').val(data.name);
$('#age').val(data.age);
}
});
});
```
在上面的代码中,`#btn-open-dialog`是页面中的按钮,`#name`和`#age`是输入框。当用户点击按钮时,页面会获取输入框中的值,并将这些值存储在一个JavaScript对象中。然后调用$.acooly.divdialog的open方法打开弹出框,并将数据对象传递给它。在弹出框的页面中,可以通过`$.acooly.divdialog.options.data`获取传递过来的数据对象,然后将其中的值填充到弹出框中。在本例中,我们直接在打开弹出框的时候,通过open回调函数将数据填充到弹出框中。
阅读全文