如何在MVC3網格中注入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")) 

我想要做的就是更換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> 

我該怎麼辦呢？

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 } }) 
});