在彈出窗口中打開局部視圖

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>