一、父窗口
点击时间表达式会弹出子窗口
二、子窗口
三、代码
父窗口JS
function popCron(){
var cronExpression = $('#cronExpression').val();
var dialog = parent.sy.modalDialog({
title: '选择时间表达式',
height: '480',
url: sy.contextPath + '/manage/dynamicCron.jsp?cronExpression='+cronExpression,
buttons: [{
text: '确定',
handler: function () {
var win = dialog.find('iframe').get(0).contentWindow;
var cronExpression = $("#cronExpression",win.document).val();
if(cronExpression == ''){
parent.$.messager.alert('提示框','请选择一个时间触发任务!','warning');
}else{
$('#cronExpression').val(cronExpression);
dialog.dialog('destroy');
}
}
}]
});
}
子窗口JSP页面
<%
String cronExpression = request.getParameter("cronExpression");
if (cronExpression == null) {
cronExpression = "";
}
%>
<html>
<head>
<title>Cron时间表达式</title>
<jsp:include page="../inc.jsp"></jsp:include>
<link rel="stylesheet" href="<%=contextPath%>/assets/bootstrap/css/bootstrap.css">
<script src="<%=contextPath%>/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="<%=contextPath%>/js/manage/cron-selector.js"></script>
<script>
$(function () {
var cronExpression = '<%=cronExpression%>';
$('#cronExpression').val(cronExpression);
$("#cronExpression").cronSelector();
});
</script>
</head>
<body>
<div class="container">
<input id="cronExpression" name="cronExpression" />
</div>
</body>
</html>