0
我在创建视图上创建了一个模态。我有三个按钮 - '添加条件','无条件',和'取消'。当点击每个按钮时,我希望它执行一个操作。到目前为止,唯一可用的按钮是'取消'按钮,因为我使用的是data-dismiss="modal"
而不是我的控制器中的代码。我的问题是你如何在控制器中访问ActionResult
。我已经尝试了以下Modal代码和相应的Ajax代码。模式功能按钮Onclick
模态:
<button type="button" id="confirmItem" data-target="#confirmModal" data-toggle="modal" @*data-id="#AddConditions">Create</button>
<body>
<br/>
<div class="modal fade" id="confirmModal" tabindex="-1" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dissmiss="modal" aria-hidden="true">@*×*@</button>
<h4 class="modal-title">Confirm</h4>
</div>
<div class="modal-body">
<p>Confirm that Requested Burn Conditions should be added.</p>
</div>
<div class="modal-footer">
<button id="btnAddConditions" type="button" class="btn btn-primary">Add Conditions</button>
<button id="btnNoConditions" type="button" class="btn btn-primary" >No Conditions</button>
<button data-dismiss="modal" type="button" class="btn btn-default">Cancel</button>
</div>
</div>
</div>
</div>
</body>
阿贾克斯:
<script type="text/javascript">
var checkConditon;
$(document).ready(function(){
$(".confirmItem").click(function (e) {
checkConditon = $(this).data('id');
alert("confirm item " + $(this).data('id'));
});
$('#btnAddConditions').click(function() {
alert("add condition " + $(this).data('id'));
window.location = "/RequestedBurns/AddCondition/" + checkConditon;
});
$('#btnNoConditions').click(function() {
$.ajax({
type: "POST",
url: "Create",
success: function(){
alert("success")
},
error: function (error) {
alert("Error Ajax not working: " + error);
}
});
});
});
</script>