Asp.net mvc ASP.NET Mvc jquery ui对话框作为视图还是部分视图？

我想在对话框上显示视图或局部视图。ASP.NET Mvc 4默认模板AjaxLogin.js中有一个示例。如果登录名是ajax，则AjaxLogin.js会捕获。并运行jsonresult或actionresult。AjaxLogin通过将参数传递给对话框来控制此操作。所以传递参数对我来说很重要

我对指定表单使用此库是否有问题。或者关于这个主题还有其他js库吗

我对jQueryUI很陌生。我现在在我的项目中使用AjaxLogin.js，用于其他表单。他们工作。我应该继续使用吗

---

谢谢。

如果您对该功能感到满意，并且它适合您，那么就使用它。我没有使用ajaxlogin.js，所以我不能直接对它发表评论，但我已经成功地将其用作显示局部视图的模式对话框。

如果您对该功能感到满意并且它适合您，那么就使用它。我没有使用ajaxlogin.js，所以我不能直接对它发表评论，但我已经成功地将其用作显示局部视图的模式对话框。

您可以使用该对话框库。就这么简单

1从页面/布局中的/LocalCopy添加对jQuery UI库的引用

<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" />

3将Diloag功能绑定到DOM就绪事件上的链接

现在单击链接将显示客户控制器的详细操作方法结果的内容。您可以根据您的场景更改此设置

您可以使用该对话框的库。就这么简单

1从页面/布局中的/LocalCopy添加对jQuery UI库的引用

<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" />

3将Diloag功能绑定到DOM就绪事件上的链接

---

现在单击链接将显示客户控制器的详细操作方法结果的内容。您可以根据您的场景更改此链接

该链接具有许可证，但它是免费的MIT/GPL。至于易学性，我想是的，但这是相对的，所以请检查API并亲自尝试。将参数传递给dialog对我来说很重要。该链接有许可证，但是免费的MIT/GPL。至于易学性，我想是的，但这是相对的，所以请检查API并亲自尝试。将参数传递给dialog对我来说很重要。我想将参数传递给dialog。若参数为null，则会将其发布到actionresultview，若参数为null，则不会将其发布到jsonresultview。AjaxLogin.js可以这样做。您的代码可以这样做吗？@AliRızaAdıyahşi，您可以将参数作为查询字符串值传递给此操作方法。@Shyju我不知道为什么对话框显示为空！如果我对jquery部分进行注释，那么视图就很好了。但是，当我输入jquery代码时，对话框显示为空@Laggel是返回一些内容的URL吗？请尝试直接在中访问它browser@Shyju我试着写一篇文章，而不是一篇我需要的文章。它正在工作。我想将参数传递给对话框。若参数为null，则会将其发布到actionresultview，若参数为null，则不会将其发布到jsonresultview。AjaxLogin.js可以这样做。您的代码可以这样做吗？@AliRızaAdıyahşi，您可以将参数作为查询字符串值传递给此操作方法。@Shyju我不知道为什么对话框显示为空！如果我对jquery部分进行注释，那么视图就很好了。但是，当我输入jquery代码时，对话框显示为空@Laggel是返回一些内容的URL吗？请尝试直接在中访问它browser@Shyju我试着写一篇文章，而不是一篇我需要的文章。它正在工作。

<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>