如何使用JQuery UI Dialog从表单操作重定向?

时间:2010-12-13 19:19:26

标签: jquery-ui-dialog

我正在使用Rails url帮助程序(用于机器人保护等)在表单中嵌套重定向,如下所示:

<form method="post" action="/projects/1/personal/4/edit_income?criterion=4" class="button-to"><div><input name="_method" type="hidden" value="put" /><input class="requires_confirmation" type="submit" value="edit space parameters" /><input name="authenticity_token" type="hidden" value="4Q/E359jxXUcu7TSVm+cqdjj94RAdQpV+DIv7OUQ+Gg=" /></div></form>

(上面,该方法不一定是POST ...)

我想用jQuery UI Dialog处理对.button-to元素的点击,如下所示:

    $('.button-to').click(function(e){
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:250,
            buttons: {
                "Save": function() {
                     // SAVE CERTAIN DATA ELEMENTS HERE...
                    $( this ).dialog( "close" );
                    // FOLLOW FORM REDIRECT...
                     },
                "Don't save": function() {
                    $( this ).dialog( "close" );
                   // FOLLOW FORM REDIRECT...
                    },
                Cancel: function() {
                    $( this ).dialog( "close" ); 
                    // BUT CANCEL REDIRECT IN THIS CASE!
                    }
            }
        });
    })

似乎这种事情会一直出现,但我找不到任何帮助我实现我所寻求的结果。有什么建议吗?

谢谢,

里尔

1 个答案:

答案 0 :(得分:1)

发布类似的问题后遇到了这个问题。基本上,我发现使用.data集合效果最好。在实例化之前在$('#dialog').data中设置一些变量,然后您可以根据需要使用表单来修改它们。

然后,您可以使用对话框(或您自己的)的公共方法来检查这些值并采取相应的行动。

有关详情,请参阅my questionmy response给我自己的类似问题。