asp.net-mvc - チェック ボックスの変更時に変更を保存しますか?

Question

DB 内のテーブルを反映する MVC インデックス ページがあります。
列の 1 つはブール値です。
インデックスページにチェックボックスを配置したいのですが、クリックするとすぐにアクションが呼び出され、送信/更新せずにその場で新しいステータスが保存されます。

Answer 1

onclickにイベントを追加する必要がありinputます。カミソリは次のようになります。

@Html.CheckBoxFor(m => m.Foo, new { onclick = "SomeMethod(this)" });

次に、スクリプトは次のようになります (jQuery にアクセスできると仮定します。変換は簡単です)。

function SomeMethod(checkboxInput) {
    $.ajax({
      type: 'POST',
      url: Your/Action,
      data: { newValue: checkboxInput.checked },
      success: success,
      dataType: 'json'
    });
}

パラメータ名に注目してください: newValue.

最後に、リクエストを処理するアクション:

public JsonResult Action(bool newValue) {
   //Do your stuff!
   //repository.Update();
}

パラメータ名に注目してください: newValue.