Asp.net mvc 3 单击按钮时生成弹出窗口

单击提交按钮时，我希望生成一个弹出窗口，显示项目列表。我尝试创建弹出窗口的代码如下：`

索引视图：

<script type="text/javascript">
$('#popUp').Hide();
$('#button').click(function () {
    $('#popUp').click();
});
</script>

<div class="left-panel-bar">
@using (Html.BeginForm(FormMethod.Post))
{
        <p>Search For: &nbsp;</p>
        @Html.TextBox("companyName",Model);
        <input id="button" type="submit" value="Submit" />
}
</div>

<div id="popUp">
    @Html.ActionLink("Get Company List", "CreateDialog", "Company", null, new 
    { 
        @class = "openDialog", 
        data_dialog_id = "emailDialog", 
        data_dialog_title = "Get Company List" 
    });
</div>

您可以使用AJAX：

<script type="text/javascript">
    $(function() {
        $('form').submit(function() {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function(result) {
                    $('#popUp').html(result);
                }
            });
            return false;
        });
    });
</script>

<div class="left-panel-bar">
    @using (Html.BeginForm())
    {
        <p>Search For: &nbsp;</p>
        @Html.TextBox("companyName", Model);
        <input id="button" type="submit" value="Submit" />
    }
</div>

<div id="popUp">
</div>

$（函数（）{
$（'form'）。提交（函数（）{
$.ajax({
url:this.action，
类型：this.method，
数据：$（this）.serialize（），
成功：功能（结果）{
$（'#popUp'）.html（结果）；
}
});
返回false；
});
});
@使用（Html.BeginForm（））
{
搜索：

@TextBox（“companyName”，Model）；
}

---

现在已经提交了表格，AJAX请求将被发送到Index POST操作，因为在您内部测试该请求是否是AJAX请求，它将返回

\u CreateDialog.cshtml

部分视图，并将其插入

#弹出窗口

div中。此外，表单提交处理程序返回false对于取消默认值也很重要，即使是将浏览器从当前页面重定向到别处。

谢谢您的回答，现在我需要在ajax对话框中显示该对话框，我该怎么做？您可以使用jQuery UI对话框控件。您好，我已经使用jQuery UI对话框控件创建了ajax对话框，现在我想为其创建Html帮助程序。。我该怎么做？你能给我一些想法吗？？？

<script type="text/javascript">
    $(function() {
        $('form').submit(function() {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function(result) {
                    $('#popUp').html(result);
                }
            });
            return false;
        });
    });
</script>

<div class="left-panel-bar">
    @using (Html.BeginForm())
    {
        <p>Search For: &nbsp;</p>
        @Html.TextBox("companyName", Model);
        <input id="button" type="submit" value="Submit" />
    }
</div>

<div id="popUp">
</div>