在 jQuery ui Dialog 窗口中加载 MVC 4 Partial View答案

【问题标题】：Loading MVC4 PartialView inside jQuery ui Dialog window在 jQuery ui Dialog 窗口中加载 MVC 4 Partial View
【发布时间】：2013-04-04 19:56:07
【问题描述】：

我正在尝试在 jQuery ui 对话框窗口中显示部分视图，但我对加载功能不太满意。对话窗口确实打开了，但我没有看到部分视图的内容。

JS 代码位于外部 js 文件中。确实会显示警报。

$(document).ready(function () {
    $('#dialog-modal').dialog({
        autoOpen: false,
        //width: 200,
        height: 400,
        modal: true,
        open: function (event, ui) {
            //alert("test");
            $(this).load("@Url.Action(\"OpenDialogWindow\", \"Home\" )");
        }
    });
});

================================================ ====================

我的 div 像这样在母版页上。

 <div id="dialog-modal" title="Select a city to see the listings">  </div>

==========================

我的 ActionResult 看起来像这样。我确实将视图设置为部分视图。

public ActionResult OpenDialogWindow()
        {
            return PartialView("DialogView");
        }

==========================

我的观点是这样的。

@using TheSGroup_Web.ViewModels
@model CitiesViewModel

    <p>this is the content.
    </p>

【问题讨论】：

看这里，已经回答了：stackoverflow.com/questions/4802378/…
如果您的 javascript 位于单独的文件中，我不希望 $(this).load("@Url.Action(\"OpenDialogWindow\", \"Home\" )") 为您提供正确的 URL。
我的代码实际上来自该示例，但它对我不起作用。我会将代码从“this”更改为 Id name，看看是否会有所作为。
我使用的是 jquary 1.9 库，我需要一个不同的库吗？

标签： jquery asp.net-mvc jquery-ui asp.net-mvc-4

【解决方案1】：

我不确定 MVC 2 还是 3，但在 MVC 4 中我就是这样工作的。

$(document).ready(function () {
    $('#dialog-modal').dialog({
        autoOpen: false,
        modal: true,
        open: function (event, ui) {
            //alert("test");
            $(this).load("/Controller/Action");
        }
    });
});

function OpenDialog() {
    $('#dialog-modal').dialog('open');
}

【讨论】：

【解决方案2】：

您始终可以向局部视图发出 ajax 请求，检查状态代码，以防万一出现问题而您需要执行其他操作，并将响应数据存储在变量中。如果状态码是 200（OK），然后在 open: 方法中加载带有变量的对话框，否则，做一些很酷的事情......我不知道我脑海中的确切代码，但它不会我不认为它是凝灰岩......

【讨论】：

你能发一个这个ajax调用的例子吗？