点击对象名称时，以弹出方式显示对象信息

本文关键字：对象 方式 显示 信息 | 更新日期: 2023-09-27 18:03:40

好的，这里有一个漂亮的视图:

<p>
    @using (Html.BeginForm("ConfirmSendItems", "Inventory"))
    {
        <table>
            <tr>
                <th>Item Name</th>
                <th>Other Actions</th>
            </tr>
            @for (int i = 0; i < Model.ListItems.Count; i++)
            {
                <tr>
                    <td>@Ajax.ActionLink(@Model.ListItems[i].m_OtrObj.m_ObjName.ToString(), "GetObjProperties", new {id = @Model.ListItems[i].m_ItemID}, new AjaxOptions{ HttpMethod = "GET", UpdateTargetId = "result", InsertionMode = InsertionMode.Replace, OnSuccess = "openPopup"})</td>
                </tr>
            }
        </table>
    }
</p>

还有这些可爱的脚本:

<script src="/Scripts/jquery-1.7.1.min.js"
        type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.js")" type="text/javascript"></script>
<script type="text/javascript">
    function openPopup() {
        alert("We have a new Pope-Up!");
        $("#result").dialog("open");
    }
</script>

当我点击链接

时显示想要的信息

我想打开一个弹出窗口，将显示"/GetObjProperties/方法在这里:

    public PartialViewResult GetObjProperties(int? id)
    {
        ObjInfo objToDisplay = m_ObjManager.GetObjByID(id);
        return PartialView(objToDisplay );
    }

* EDIT *

这是我的问题的简历:

我想在项目名称上创建一个链接，该链接将使用局部视图打开一个弹出窗口。

* EDIT 2 *

到目前为止，当我点击时，什么也没做。但是如果我右键点击链接并点击"在新窗中打开"，我就会得到很好的效果。问题仍然是弹出窗口没有打开。

点击对象名称时，以弹出方式显示对象信息

如果你需要一个弹出窗口，你需要这样做->

  <a href="#" onclick="Popup=window.open('testpage1.htm','Popup','toolbar=no,
  location=no,status=no,menubar=no,scrollbars=yes,resizable=no,
  width=420,height=400,left=430,top=23'); return false;">
  Test Window</a>

一个基本的html示例;)

我希望这能回答你的问题。我发现你想要达到的目标有点难以理解。

检查这个

$(".objDialog").click(function() {
        alert("Card Name has been clicked!");
        window.open('/Inventory/GetCardProperties/', 'ObjProperties',
       'heigth=' + (window.screen.height - 100) + ', width=200, left=' +
       (window.screen.width - 250) + ',top=10,status=no,toolbar=no,resizable=yes,
        scrollbars=yes,location=no,menubar=no');
    });

相关文章：