单击对象名称时,将对象的信息显示为弹出窗口

时间:2013-03-13 17:06:57

标签: c# asp.net-mvc razor popup

好的,所以,我在这里有这个可爱的观点:

<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>

点击链接后显示想要的消息

我想打开一个popUp窗口,在这里显示“/ GetObjProperties /方法:

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

        return PartialView(objToDisplay );
    }

*编辑*

以下是我的问题的简历:

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

*编辑2 *

截至目前,当我点击时,什么也没做。但是,如果我右键单击该链接并单击“在新窗口中打开”,我会得到确切的良好行为。问题仍然是弹出窗口无法打开。

1 个答案:

答案 0 :(得分:1)

如果你需要一个弹出窗口,你需要这样做 - &gt;

  <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');
    });