0
我正在使用Twitter Bootstrap的模態窗口功能來顯示struts 2 framework
的表單。當我提交表單時,我可以重定向到另一個模型嗎?如何在struts.xml
文件中進行配置?如何從一個引導模式重定向到struts 2成功的另一個模式2
我正在使用Twitter Bootstrap的模態窗口功能來顯示struts 2 framework
的表單。當我提交表單時,我可以重定向到另一個模型嗎?如何在struts.xml
文件中進行配置?如何從一個引導模式重定向到struts 2成功的另一個模式2
如果我正確地理解了你,你正在嘗試做的是你提交一個表單,這是一個模態內部,然後你想顯示提交的表單結果在另一個模態。
如果這是你想要做的事情,你根本不需要另外的重定向。
您可以做的不是提交表單,而是可以使用jQuery AJAX將表單值發佈到您的一個動作中,並且響應可以填充到另一個模式框中並顯示模式框。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<a type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#gridSystemModal"> Launch demo modal </a>
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal">
<div class="modal-dialog" role="document" style="width : 60%; height : 200px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="gridSystemModalLabel">Modal 1</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="email">Field 1:</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="pwd">Field 2:</label>
<input type="password" class="form-control" id="pwd">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#gridSystemModal2">Next</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal2">
<div class="modal-dialog" role="document" style="width : 60%">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="gridSystemModalLabel">Modal 2</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
Response of the form submission
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" data-toggle="modal" data-target="#gridSystemModal">Previous</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
使用redirectAction結果類型。請參閱http://stackoverflow.com/a/22096315/573032 –