将数据传递给jQuery UI对话框

17 浏览
0 Comments

将数据传递给jQuery UI对话框

我正在开发一个ASP.Net MVC网站，在这个网站上，我用一个表格列出了从数据库查询出来的一些预订信息，并在特定行上使用ActionLink来取消预订，每行都有一个特定的BookingId，如下所示：

我的预订


    
        

            日期
            时间
            座位      
                          
            
        

                
    

        2008-12-27
        13:00 - 14:00
        2
        取消
        修改
    
            
    

        2008-12-27
        15:00 - 16:00
        3
        取消
        修改

如果能够使用jQuery Dialog弹出一个消息询问用户是否确定要取消预订，那就太好了。我一直在尝试实现这个功能，但我一直卡在如何创建一个接受参数的jQuery函数上，以便我可以将

取消

替换为

取消。

这个ShowDialog函数将打开对话框并将参数10传递给对话框，以便如果用户点击"是"，它将发送/Booking.aspx/Change/10的href。

我已经在一个脚本中创建了jQuery Dialog，代码如下：

$(function() {
    $("#dialog").dialog({
        autoOpen: false,
        buttons: {
            "是": function() {
                alert("在这里进行POST到:/Booking.aspx/Cancel/10会很好，而不是弹出提示框");},
            "否": function() {$(this).dialog("close");}
        },
        modal: true,
        overlay: {
            opacity: 0.5,
            background: "black"
        }
    });
});

对话框本身的内容如下：

你确定要取消预订吗？

最后，我的问题是：我该如何实现这个功能？或者有没有更好的方法来实现这个功能？

0