ASP.NET MVC下jQUery UI的Dialog應用:確認是否刪除?(Confirm before delete)

摘要:ASP.NET MVC下jQUery UI的Dialog應用:確認是否刪除?(Confirm before delete)

一般jQuery UI Dialog的範例有寫http://jqueryui.com/dialog/,可以正常的跳出對話視窗,可是一碰上以迴圈印出的列表就不能跳出了!

於是從

http://stackoverflow.com/questions/887029/how-to-implement-confirmation-dialog-in-jquery-ui-dialog

參考這個作法,可是還是不能發揮submit的作用,只好自己再嘗試改寫並記錄下來:

View的部份程式碼:


@foreach (var item in Model) {
    <tr>
        <td>
            @Html.ActionLink("刪除", "DeleteoOneSelf", new { id=item.Id }, new {@class="submitButton"})
        </td>
    </tr>
}

接著DIV對話視窗:


<div id="dialogForm" title="確認刪除">
    您確定要刪除嗎?
</div>

最後是jQuery的程式碼:


另外,Controller的程式碼參考http://www.dotblogs.com.tw/hotmaneil/archive/2013/09/01/116030.aspx

總算可以正常的submit了!