部分页面未加载到视图MVC5中

Question

我有一个视图页面和两个部分页面，一个用于添加一个公告，另一个用于显示公告。

在显示的公告列表中，有一个编辑动作链接，它获取列表中所选项目的ID，并将数据拉回到其他部分，以便用户更新它。

问题是部分被加载到视图之外，但是对于我的生活，我找不到/记住如何将部分回到视图页面。

我怎样才能做到这一点？

更新

我已尝试按照编辑按钮的建议使用Ajax.ActionLink(...)，但无法使其工作，它仍然将部分加载为自己的页面，而不是在视图页面中。

@Ajax.ActionLink(
        "AJAX Edit",
        "Edit",
        "Announcements",
        new { id = Model.Id },
         new AjaxOptions { UpdateTargetId = "newAnnouncementContainer" })

控制器：

public ActionResult Edit(int? id)
        {
            if (id != null)
            {
                var qry = (from a in db.DbAnnouncement
                           where a.Id == id
                           select a).SingleOrDefault();
                return PartialView("~/Views/Shared/Partials/AnnouncementPartial.cshtml", qry);
            }
            else
            {
                return PartialView("~/Views/Shared/Partials/AnnouncementPartial.cshtml", new Announcement());
            }
        }

查看页面

<h2>Announcements</h2>
<div>
    <div class="announcementTable">
        <input type="button" id="announcementBtn" value="Add Announcement" />
        <div id="newAnnouncementContainer">
            @{Html.RenderPartial("~/Views/Shared/Partials/AnnouncementPartial.cshtml", new _4DStatusMVCWeb.Models.Announcement());}
        </div>
        <br />
        <div class="announcementTableRow">
            <div></div>
            <div class="announcementHeader announcementTableCell">Title</div>
            <div class="announcementHeader announcementTableCell announcementDetails">Details</div>
            <div class="announcementHeader announcementTableCell">Created</div>
            <div class="announcementHeader announcementTableCell">Updated</div>
            <div class="announcementHeader announcementTableCell annoucementVersion">V#</div>
            <div class="announcementHeader announcementTableCell">Start</div>
            <div class="announcementHeader announcementTableCell">Expiry</div>
            <div class="announcementHeader announcementTableCell">CMDS</div>
        </div>
        @foreach (var a in Model.AnnouncementList)
        {
            <div class="announcementTableRow">
                @{Html.RenderPartial("~/Views/Shared/Partials/AnnouncementListItemPartial.cshtml", a); }
            </div>
        }
    </div>
</div>

公告列表部分页面：

@using (Html.BeginForm())
{
    <div>@Html.HiddenFor(mi => mi.Id)</div>
    <div class="announcementTableCell">@Html.DisplayFor(mi => mi.Title)</div>
    <div class="announcementTableCell announcementDetails">@Html.Raw(Model.Details)</div>
    <div class="announcementTableCell">@Html.DisplayFor(mi => mi.DTCreated)</div>
    <div class="announcementTableCell">@Html.DisplayFor(mi => mi.LastUpdated)</div>
    <div class="announcementTableCell annoucementVersion">@Html.DisplayFor(mi => mi.VersionNum)</div>
    <div class="announcementTableCell">@Html.DisplayFor(mi => mi.StartDT)</div>
    <div class="announcementTableCell">@Html.DisplayFor(mi => mi.ExpiryDT)</div>
    <div class="announcementTableCell">
        @Html.ActionLink("Edit", "Edit", new { id = Model.Id })
        @Html.ActionLink("Delete", "Delete", new {  id = Model.Id })
    </div>
}

提交部分页面

@using (Html.BeginForm("Create", "Announcements"))
{
    <div class="newAnnouncementTableRow1">
        <div>@Html.LabelFor(m => m.Title)</div>
        <div>@Html.EditorFor(m => m.Title)</div>
        <label>Status Populater</label>
        <select id="statusDropdown">
            <option value="0"> - Select - </option>
            <option value="1">Hosting - Down</option>
            <option value="2">Hosting - Degraded</option>
            <option value="3">Hosting - Impaired</option>
            <option value="4">Hosting - Restored</option>
            <option value="5">Connection - Down</option>
            <option value="6">Connection - Degraded</option>
            <option value="7">Connenction - Impaired</option>
            <option value="8">Connection - Restored</option>
        </select>
        <div>@Html.LabelFor(m => m.Details)</div>
        <div>@Html.EditorFor(m => m.Details)</div>
    </div>
    <div class="newAnnouncementTableRow2">
        <label>Status Type</label>
        <select id="groupId">
            <option value="1">Facilities</option>
            <option value="2">Technical</option>
            <option value="3">Network</option>
            <option value="4">General</option>
        </select>
        <div>@Html.LabelFor(m => m.StartDT)</div>
        <div>@Html.EditorFor(m => m.StartDT)</div>
        <div>@Html.LabelFor(m => m.ExpiryDT)</div>
        <div>@Html.EditorFor(m => m.ExpiryDT)</div>
        <div>@Html.LabelFor(m => m.Enabled)</div>
        <div>
            @Html.RadioButtonFor(m => m.Enabled, 1)Yes
            @Html.RadioButtonFor(m => m.Enabled, 0)No
        </div>
        <br/>
        <input type="submit" formaction="Announcements/Create/" value="Create" />
        <input type="submit" formaction="Announcemens/Clear/" value="Clear" />
    </div>
}