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')