0

我正在尝试打开一个弹出窗口以向我的用户显示附加信息。

首先，我有点困惑：模态窗口和弹出窗口有什么区别？

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

@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/whatever 尝试：

$('#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会加载一个项目，然后在弹出窗口中显示. 谁能帮我吗？谢谢！

4

1 回答 1

2

模态窗口通过 javascript 在同一页面中加载。如果您想打开一个新的浏览器窗口或选项卡（弹出窗口），您应该在链接中添加属性 type="_blank"（不需要 javascript）。

<a href="popoup_url" target="_blank">Open popup</a>
于 2013-11-11T14:12:33.220 回答