MVC3 GridにJavaScriptを挿入するには？

Question

私は私が何をしたいのか

@grid.GetHtml(
    tableStyle: "grid", 
    headerStyle: "head", 
    alternatingRowStyle: "alt", 
    rowStyle: "row", 
    selectedRowStyle: "selected-row", 
    columns: grid.Columns(
    grid.Column("StartDate", "Start Date", style: "column"), 
    grid.Column("EndDate", "Endt Date", style: "column"), 
    grid.Column("Title", "Title", style: "column"), 
    grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ID }), style: "column-action"), 
    grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", new { id = item.ID }), style: "column-action")) 

を持っているが、私はそれを行うことができますどのように

<button onclick="$.prompt('Delete',{ buttons: { Ok: true, Cancel: false } })" title="Delete">Delete</button> 

でgrid.Column(format: (item) => Html.ActionLink("Delete", "Delete", new { id = item.ID }), style: "column-action")を交換するのですか？

P.S.最終的な目標は、DELETEボタンをクリックすると、ポップアップウィンドウのYES/NOを表示することです。あなたがボタンにクラスを追加する場合

Answer 1

あなたはこのように、それにイベントを添付することができます。

C＃

grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", new { id = item.ID }, new { @class = "delete-button" }), style: "column-action")) 

のjQueryを1.7以上

$(".delete-button").on('click', function() { 
    $.prompt('Delete',{ buttons: { Ok: true, Cancel: false } }) 
}); 

< jQueryの1.7

$(".delete-button").click(function() { 
    $.prompt('Delete',{ buttons: { Ok: true, Cancel: false } }) 
});