如何在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 } }) 
});