在弹出窗口中打开局部视图

Question

我正在尝试打开一个弹出窗口，向我的用户显示其他信息。

首先，我有点困惑： Modal窗口和弹出窗口之间的区别是什么？

接下来，这是我到目前为止所做的事情：

@Html.ActionLink(Model[i].mMasterItem.CARD_NAME, "SeeCardDetails", "Item", new { @_itemID = Model[i].mMasterItem.ITEM_LISTING_IDE }, new {@class = "modal"})

modal类仅仅是此操作链接中使用的标记，用于标识调用来自的链接。

接下来，控制器局部视图动作：

public ActionResult SeeCardDetails(int? _itemID)
{
    if (_itemID == null)
    {
        return RedirectToAction("Index", "Home");
    }

    if (_itemID == 0)
    {
        return RedirectToAction("Index", "Home");
    }

    CardDisplay cardToShow = mCardManager.GetCardDisplayByID((int)_itemID);

    return PartialView(cardToShow);
}

部分观点：

@model FinePlaySet.Utilities.CardDisplay

<p>This page shows!</p>

没什么好看的，我现在只是用这个来构建框架。

和jQuery / javascript / ajax /我做的任何尝试：

$('#dialog-modal').dialog({
   autoOpen: false,
    width: 400,
    resizable: false,
    modal:true
});

$('.modal').click(function() {
    $('#dialog-modal').load(this.href, function() {
        $(this).dialog('open');
    });
    return false;
});

而且，最后，我认为我必须包含一个div，哪个工作是实际打开弹出/模态：

<div id="dialog-modal" title="See Card Detail"></div>

这个div位于我的Layout页面中，所以它始终存在。 现在我对我所做的所有尝试和我阅读的所有内容感到困惑，我需要帮助：基本需要只是当用户点击链接时，加载CardDisplay项目然后在弹出窗口中显示窗口。 谁能帮我吗？ 谢谢！

Answer 1

通过javascript在同一页面中加载模态窗口。 如果要打开新的浏览器窗口或选项卡（弹出窗口），则应在链接中添加属性类型=“_ blank”（不需要javascript）。

<a href="popoup_url" target="_blank">Open popup</a>