jQueryUI关闭按钮的对话框点击
问题描述:
我试图创建一个对话框,里面有一些额外的交互性;即从多选中添加/删除选项。下面的基本代码:jQueryUI关闭按钮的对话框点击
jQuery的
$(document).ready(function() {
$("#addCallDialogForm").dialog({
autoOpen: false,
model: true,
width: 500,
buttons: {
"Add Call": function() {
alert("Adding Call")
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
},
open: function(event, ui) {
//Doing additional Stuff Here
},
close: function(event, ui) {
//Doing additional Stuff Here Too
}
});
$("#addBtn").click(function() {
alert("button Clicked");
});
});
HTML
<div id="addCallDialogForm" title="Add Call">
<form>
<fieldset>
<button id="addBtn">Add</button>
</fieldset>
</form>
</div>
的问题是,当我点击 '添加' 按钮,将显示警告,但只要我点击确定,对话框关闭。我尝试使用'beforeClose'方法来指定对话框何时应该关闭,但是这没有帮助。
任何人都可以帮忙。 在此先感谢。
答
经过一番研究,我发现点击对话框中的任何按钮都会提交该表单。通过将event.preventDefault()
作为所需方法的第一行添加,该按钮可以在不提交和关闭的情况下执行我想要的操作。
相关帖子:Here
感谢您试用 - 摹
答
按钮标签:
<asp:Button ID="btnClose" runat="server" Text="Cancel" Style="margin-left: 12px;
background-color: #FE8000; color: white"
OnClientClick="closeCommentPopup()" />
closeCommentPopup功能:
<script type="text/javascript">
function closeCommentPopup() {
$('#dialog').dialog('close');
return false;
};
</script>
的警报被称为? –
&你在对话框中打开弹出窗口? –
警报只是通用代码,它们可以很容易地替换为“console.log”。当我单击添加时,Im将选定的选项从一个多选移动到另一个。哪个工作,但只要移动完成,对话框关闭 – ThatGuyGrant