モーダル機能ボタンOnclick

私は作成ビューでモーダルを作成しました。「条件を追加」、「条件なし」、、の3つのボタンがあります。「キャンセル」です。各ボタンをクリックすると、アクションを実行したいと思います。今のところ唯一のボタンは、コントローラにコードではなくdata-dismiss="modal"を使用しているので、「キャンセル」ボタンです。私の質問はあなたのコントローラのActionResultにどうやってアクセスするのですか？私は次のモーダルコードと対応する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">@*&times;*@</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>

のAjax：

<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>

出典

2016-11-22 Ethel Patrick

はMVCでAJAXからコントローラのアクションを呼び出すためのコードの下にしようとしました。

var checkConditon = $(".confirmItem").data('id'); 
var url = '@Url.Action("AddCondition", "RequestedBurns")'; 
    $.ajax({ 
     url: url, 
     type: "POST", 
     data: { checkConditon : checkConditon }, 
     success: function (data) { 
      alert('success'); 
     }, 
     error: function (error) { 
      alert("Error Ajax not working: " + error); 
     } 
    });

出典

2016-11-23 10:08:11 Sunita

モーダル機能ボタンOnclick

答えて

関連する問題