ifreame和ajax,easyui dialog ifream 异步怎么提交表单

easyui dialog ifream 异步如何提交表单

在主页面做了一个dialog，里面嵌入了iframe，点击按钮可以弹出这个窗体，代码如下

点击按钮弹出窗体

if ($('#btnAddBasic')[0]) {

$('#btnAddBasic').click(function() {

$('#energyBasicForm').form('clear');

$('#energyBasicDialog').dialog({

closed : false,

title : '能源信息维护',

shadow : true,

modal : true,

collapsible : true,

buttons : [ {

text : '保存',

iconCls : 'icon-save',

id : 'sBtn',

handler : function() {

saveEnergyBasic();

}

}, {

text : '取消',

id : 'cBtn',

handler : function() {

$('#energyBasicDialog').dialog('close');

}

} ]

});

});

}

ifreame的嵌入页面html

信息

名称

现在的问题是，我点击保存按钮提交表单不行了

function saveEnergyBasic(){

$('#energyBasicForm').form('submit',{    // 一到这句就跳出去了，如果用iframe提交 就不能实现异步了

url: 'EnergyBasicAdd.jsp',

onSubmit: function(){

return $(this).form('validate');

},

success: function(result){

var result = eval('('+result+')');

if (result.success){

$('#energyBasicDialog').dialog('close');        // close the dialog

$.messager.alert('提示', '保存成功！', 'info');

$('#dataList').datagrid('reload');    // reload the user data

} else {

$.messager.alert('错误', "保存失败!", 'error');

}

}

});

}

------解决方案--------------------

iframe和父页是独立的空间

$('#energyBasicForm')你这是获取父页的那个表单，不是iframe里面的

function saveEnergyBasic() {

$('#energyBasic').contents().find('#energyBasicForm')