在 Javascript 弹出窗口中单击“确定”按钮时调用函数
Calling a function on click of OK button in a pop up in the Javascript
我在Javascript中有一个显示弹出窗口的函数。我在基于 Sitecore 的 MVC 项目中执行此操作,因此我无法以正常方式执行事件,而是遵循项目中遵循的做法。
if (isWarning) {
$('#warning').modal('show');
$("#WarningDisplay").val("true");
}
现在模态显示没有任何问题,模态只有一个确定按钮(只有一个按钮)。单击"确定"应在下面调用此函数。
function DialogOkClick() {
$('#warning').modal('close');
$('#CalButton').click();
}
基本上,我打算在这个函数中做的是,关闭弹出窗口并触发主页的点击。
如何在作为第一个函数的结果显示的弹出窗口中单击"确定"时调用此函数?它是一个模式弹出窗口。
编辑:
我们在cshtml文件中使用InfoDialogViewModel来定义警告对话框及其内容。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<script>
$(document).ready(function () {
$('#warning').modal({ backdrop: 'static', keyboard: false })
.one('click', '#btnOK', function (e) {
$('#CalButton').trigger('click');
});
$('#CalButton').click(function () {
alert('function');
});
});
</script>
<body>
<button id="CalButton">Add</button>
<div class="container">
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="warning" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="btnOK">OK</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
试试这个:
window.parent.document.getelementbyid("CalButton")
相关文章:
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- PHP使用子窗口中的单选按钮确定从子窗口向父窗口文本区域插入什么
- javascript提示-如何以阿拉伯语文本显示确定/取消按钮
- jquery如何让这个对话框的“确定”按钮工作
- 是否有任何方法可以在单击“加载前确认”对话框的“确定”按钮后执行某些操作
- 在 JavaScript 警报消息框的“确定”按钮上分配一个值
- 返回弹出窗口时捕获确定按钮 [离开此页面或留在此页面]
- 在javascript中单击“确定”按钮之前,如何不执行任何操作
- 在 Javascript 弹出窗口中单击“确定”按钮时调用函数
- 如果打开 JavaScript 弹出窗口,如何编写 Watir 条件循环以单击“确定”按钮
- Javascript警报按钮“确定”按钮
- 以编程方式确定按钮的标签标题
- 防止纸张对话框在确定按钮上关闭
- 将警报中的“确定”按钮设置为运行location.reload方法
- 如果按下警报,请转到“确定”按钮后的URL
- 触发器提示's以编程方式单击“确定”按钮
- 单击确定按钮后,执行页面重定向
- 无法自动操作;点击确定按钮;UIAutomation
- 确认框:点击取消按钮后,确定按钮不工作
- 在警告框中点击确定按钮后,如何避免页面加载?