ASP.NET MVC jQuery UI的对话框，查看或partialview？(ASP.NET

我想说明的视图或partialview上对话。有一个在ASP.NET MVC 4默认模板（AjaxLogin.js）的例子。 AjaxLogin.js捕捉如果登录阿贾克斯。并运行jsonresult或ActionResult的。 AjaxLogin与参数传递到对话框进行控制。因此，通过参数对我很重要。

有没有跟我使用这个库为我指明表格的一个问题。或者有关于这个主题的另一个JS库？

我为新约jQuery UI的。我米用在我的项目AjaxLogin.js现在，其他形式。而他们的工作。我应该继续使用。

谢谢。

Answer 1:

您可以使用jQuery的用户界面库对话框。这是简单的，因为这

1）添加到jQuery用户界面库的引用（从参考CDN在页面/布局/ LocalCopy）

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />

2）特定的类添加到链接，这样我们就可以把它作为一个jQuery选择

@Html.ActionLink("Email", "Details", "Customers", null, new { @class = "popupLinks" })

3）绑定Diloag功能对DOM ready事件这些链接

<script type="text/javascript">
    $(function(){
        $(".popupLinks").click(function (e) {
            var url = this.href;
            var dialog = $("#dialog");
            if ($("#dialog").length == 0) {
                dialog = $('<div id="dialog" style="display:hidden"></div>').appendTo('body');
            }
            dialog.load(
                url,
                {}, // omit this param object to issue a GET request instead a POST request, otherwise you may provide post parameters within the object
                function (responseText, textStatus, XMLHttpRequest) {
                    dialog.dialog({                       
                        close: function (event, ui) {                            
                            dialog.remove();
                        },
                        modal: true,                            
                         width: 460, resizable: false
                    });
                }
            );           
            return false;           
        });
    });
    </script>

现在，点击链接将显示的结果的内容Details的操作方法， Customers控制器。（您可根据您的情况改变这种）