【问题标题】:How do I postback from a JQuery dialog to another ASP .NET page?如何从 JQuery 对话框回发到另一个 ASP .NET 页面?
【发布时间】:2009-02-23 09:09:38
【问题描述】:

我正在使用 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(); %>

"

  • 这是我的脚本:
 $(函数() {
        $("#dialog").dialog({
            bgiframe:是的,
            身高:400,
            宽度:600,
            模态:真,
            纽扣: {
                '创建用户帐户': function() {
                   $(this).dialog('close');
                },
                取消:函数(){
                    $(this).dialog('close');
                }
            }
        });
    });

【问题讨论】:

    标签: jquery-ui


    【解决方案1】:

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

    $(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 的重载方法中查找它)。

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 2011-02-14
        • 1970-01-01
        • 2012-10-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多