如何从JQuery对话框回发到另一个ASP .NET页面?

时间:2009-02-23 09:09:38

标签: jquery-ui

我正在使用ASP .NET来显示一个包含几个输入字段的JQuery对话框。我现在需要将这些字段提交给一个操作方法,就像普通的HTML提交按钮在ASP .NET MVC应用程序上的工作方式一样。我该如何做到这一点?

  • 这是我的表单数据:

    

所有表单字段都是必需的。

<%Html.BeginForm("AddUser", "User"); %>
<fieldset>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" />
    <label for="email">Email</label>
    <input type="text" name="email" id="email" value="" />
    <label for="password">Password</label>
    <input type="password" name="password" id="password" value="" />
</fieldset>
<%Html.EndForm(); %>

  • 这是我的剧本:
    $(function() {
        $("#dialog").dialog({
            bgiframe: true,
            height: 400,
            width: 600,
            modal: true,
            buttons: {
                'Create user account': function() {
                   $(this).dialog('close');
                },
                Cancel: function() {
                    $(this).dialog('close');
                }
            }
        });
    });

2 个答案:

答案 0 :(得分:5)

在提交表单的代码中添加一行:

$(function() { 
    $("#dialog").dialog({ 
        bgiframe: true, 
        height: 400, 
        width: 600, 
        modal: true, 
        buttons: 
        { 
            'Create user account': function() {
                 $('#yourDialogFormID').submit(); // add this line
                 $(this).dialog('close'); 
             },
             Cancel: function() { 
                 $(this).dialog('close'); 
             }
       }
    });
 });

您可以通过为Html.BeginForm()方法提供htmlAttributes的参数来设置ID(如果我正确记住了结构,请键入object - 在IntelliSense中的重载方法中查找它)。

答案 1 :(得分:2)

您可以从表单中获取数据并使用jQuery.post

发布
$.post("someform.aspx", { name: $("#name").val(), email: $("#email").val() } );