c# - 将部分 View 加载到模态弹出窗口中

Question

我正在使用 MVC3 c# 4.0。

我创建了一个局部 View 。

我的页面上有一个按钮，当我单击此按钮时，我希望能够将部分 View 加载到模式弹出窗口中。我认为最好的方法是通过 javascript - 我已经在应用程序中使用 jQuery。

关于如何执行此操作的任何指示？

Answer 1

你可以使用 jQuery UI dialog .

因此，您首先要编写一个 Controller :

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult Modal()
    {
        return PartialView();
    }
}

然后是 Modal.cshtml 部分，它将包含您要在模态中显示的部分标记:

<div>This is the partial view</div>

和一个包含按钮的 Index.cshtml View ，该按钮将在单击时将部分显示为模态:

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('.modal').click(function () {
            $('<div/>').appendTo('body').dialog({
                close: function (event, ui) {
                    dialog.remove();
                },
                modal: true
            }).load(this.href, {});

            return false;            
        });
    });
</script>

@Html.ActionLink("show modal", "modal", null, new { @class = "modal" })

很明显，在这个例子中，我将直接脚本放入索引 View 中，但在实际应用程序中，这些脚本将放入单独的 javascript 文件中。