asp.net mvc checkboxトリガアクションを作成するにはどうすればよいですか？

Question

誰かが行のビットフィールドを表すボックスをチェックしたときにデータベースを更新したいと思います。私はこの質問のオフに行くされています：MacroStatusControllerクラスで

@foreach (var item in Model) { 
<tr> 
    <td> 
     @Html.DisplayFor(modelItem => item.Macro_Name) 
    </td> 
    <td> 
     @Html.CheckBoxFor(modelItem => item.Claimed, new { id = item.Macro_Name, data_url = Url.Action("ToggleClaim", "MacroStatus")}) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.Date_Claimed) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.Username) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.Finished) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.Date_Completed) 
    </td> 
    <td> 
     @Html.ActionLink("Edit", "Edit", new { id=item.Macro_Name }) | 
     @Html.ActionLink("Details", "Details", new { id = item.Macro_Name }) | 
     @Html.ActionLink("Delete", "Delete", new { id = item.Macro_Name }) 
    </td> 
</tr> 
} 

私は、次のアクションを持っている：ここでAjax.ActionLink(...) with checkbox はCSHTMLファイルに私のコードです

public ActionResult ToggleClaim(string id) 
    { 
     if (id == null) 
     { 
      return new HttpStatusCodeResult(HttpStatusCode.BadRequest); 
     } 

     MacroStatus macroStatus = db.MacroStatus1.Find(id); 
     if (macroStatus == null) 
     { 
      return HttpNotFound(); 
     } 

     if (ModelState.IsValid) 
     { 
      macroStatus.Date_Claimed = DateTime.Now; 
      db.Entry(macroStatus).State = EntityState.Modified; 
      db.SaveChanges(); 
     } 

     return new HttpStatusCodeResult(HttpStatusCode.OK); 
    } 

しかし、ToggleClaimではありませんチェックボックスをオンまたはオフにすると実行されます。コンパイルエラーはありません。これは私の最初の試みasp.net mvcで、何が間違っているのですか？

Answer 1

これにはajaxが必要です。 まず、クラスをチェックボックスに追加して、クリックイベントをアタッチするフックを作成します。今すぐあなたのjavascriptを追加

@Html.CheckBoxFor(modelItem => item.Claimed, new { id = item.Macro_Name, @class = "toggle" data_url = Url.Action("ToggleClaim", "MacroStatus")})

。

@section scripts { 
    <script> 
     $(function() { 
      $('.toggle').change(function() { 
       var self = $(this); 
       var url = self.data('url'); 
       var id = self.attr('id'); 
       var value = self.prop('checked'); 

       $.ajax({ 
        url: url, 
        data: { id: id }, 
        type: 'POST', 
        success: function(response) { 
         alert(response); 
        } 
       }); 
      }); 
     }); 
    </script> 
} 

Answer 2

チェックボックスがチェックされていない場合、&フォームが送信されます。チェックボックスに関連するフォームフィールドはsubmittedではありません。 Post the checkboxes that are uncheckedに記載されているように、JavaScriptを使用してhidden変数を追加するか、チェックボックスをオンにするとAjaxヒットにする必要があります。 jQuery Ajax checkbox state

Answer 3

チェック・ボックスが変更されたときに要点が送信されます。

コメントの中のEricに記載されているとおり、さまざまな方法でアクションをトリガーできます。例えば、あなたのコードでは、このスクリプトを置く：

<script> 
    $(function() { 
     $('#Claimed').change(function() { 
      $.ajax({ 
       url: '/ToggleClaim/MacroStatus/@item.Macro_Name', 
       cache: false, 
       method: 'GET', 
       success: function (data) { alert('success'); }, 
       error: function() { alert('error'); } 
      }); 
     }); 
    }); 
</script> 

、正しいチェックボックスコードこの方法：

<td> 
    @Html.CheckBoxFor(modelItem => item.Claimed) 
</td> 

上記のコードは、このチェックボックスをチェックしたりオフにするたびにアクションをトリガする、あなたは、単にすることができますチェックボックスがオンになっていることを確認して、ajaxリクエストを送信します。