我的 jquery ui 对话框上有一个按钮,如下所示:
<div id="dialog-confirm" title="Multiple Account Login" style="display: none;">
<a class="close-btn" href="#" id="A16">
<img src="../../Content/NewDesign/images/cross.png" width="28" height="28" alt="close dialog" onclick="closeMultipleAccountDialog();" /></a>
<div class="clear-n">
</div>
</div>
单击此按钮时会调用一个函数
function closeMultipleAccountDialog() {
$("#hdfAccount").val("cancel");
$("#hdPage").val("151API");
$("#hdID").val($("#ID").val());
$("#hdPSSWD").val($("#PSSWD").val());
$("#hdACCID").val($("#ACCID").val());
$("#hdPASSWDINT").val($("#PASSWDINT").val());
$("#frmsetAccount").submit();
$(this).dialog("close");
}
此功能需要提交表单:
<form action="../Account/SetAccount" method="post" id="frmsetAccount">
<div class="flds-up">
<div class="lft-txt">
Account <span>:</span></div>
<div class="user-fld">
<%= ViewData["MyAccountsList"] %>
</div>
<div class="clear-n">
</div>
<input type="hidden" id="hdfAccount" name="hdfAccount" value="" />
<input type="hidden" id="hdPage" name="hdPage" value="" />
<input type="hidden" id="hdID" name="hdID" value="" />
<input type="hidden" id="hdPSSWD" name="hdPSSWD" value="" />
<input type="hidden" id="hdACCID" name="hdACCID" value="" />
<input type="hidden" id="hdPASSWDINT" name="hdPASSWDINT" value="" />
</form>
and dialog code is like this:
$("#dialog-confirm").dialog({
autoOpen: true,
resizable: true,
modal: true,
width: 458,
Height: 184,
buttons: {
"Login": function () {
$(this).dialog("close");
$("#hdfAccount").val("login");
$("#hdPage").val("151API");
$("#hdPage").val("151API");
$("#hdID").val($("#ID").val());
$("#hdPSSWD").val($("#PSSWD").val());
$("#hdACCID").val($("#ACCID").val());
$("#hdPASSWDINT").val($("#PASSWDINT").val());
$("#frmsetAccount").submit();
}
},
open: function (event) {
$('.ui-dialog-buttonpane').find('button:contains("Login")').focus();
$('.ui-dialog-buttonpane').find('button:contains("Login")').addClass('customokbutton');
},
close: function (event) {
closeMultipleAccountDialog();
}
});
它适用于登录按钮并提交表单,但不适用于对话框关闭。请建议我解决这个问题。