asp.net-mvc - データロールボタンからアラートをポップアップする方法は？

Question

ユーザーが次のように削除ボタンをクリックしたときにアラートを表示したいと思います。

@Html.ActionLink("Delete", "Delete", new { id = Model.ID }, new { @data_role = "button" })

このボタンからonclickのIDとイベントを取得する方法がわかりません。

Answer 1

このアンカーにIDを与えることができます：

@Html.ActionLink(
    "Delete", 
    "Delete", 
    new { id = Model.ID }, 
    new { id = "delete", data_role = "button", data_id = Model.ID }
)

次に、jQueryを使用してclickイベントをサブスクライブします。

$(function() {
    $('#delete').click(function() {
        var id = $(this).data('id');
        return confirm('Are you sure you want to delete record with id: ' + id);
    });
});

jQueryを使用していないが、プレーンなjavascriptを使用している場合：

window.onload = function() {
    document.getElementById('delete').onclick = function() {
        var id = this.getAttribute('data-id');
        return confirm('Are you sure you want to delete record with id: ' + id);
    };
};

javascript関数は.confirm()メッセージを表示し、ユーザーが[OK]または[キャンセル]ボタンをクリックしたかどうかに基づいてtrueまたはfalseを返します。