1

让我更具体一点..我想做的是，当我单击子菜单时，例如说 XYZ 是主菜单 ABC 的子菜单 ..当我单击 XYZ 时，它通过主页上的 ajax 加载，即 ABC .. ajax 部分已完成，我不知道如何通过菜单调用它......我将把我的代码粘贴到更清晰的 b 中......

<li>@Html.ActionLink("About Us", "Index", "AboutUs")
    <ul>
        <li>@Html.ActionLink("Vision & Misson", "Index", "AboutUs")</li>
        <li>@Html.ActionLink("Our Ethics", "Index", "AboutUs")</li>
    </ul>
</li>

这是一个关于我们的页面，通常当点击关于我们时它会被定向到它的索引页面..当您将鼠标悬停在关于我们上时，一个下拉菜单会打开显示更多选项：愿景和使命我们的道德...... .目前他们都被引导到索引我想要的是当我点击愿景和使命时，它应该直接在关于我们的索引页面上打开愿景和使命的部分视图......同样当“我们的道德”页面是点击它应该直接调用部分视图“我们的道德”并将其显示在关于我们的索引页面上

4

1 回答 1

1

将您的 @Html.ActionLink 更改为 @Ajax.ActionLink

<li>@Html.ActionLink("About Us", "Index", "AboutUs")
    <ul>
        <li>@Ajax.ActionLink("Vision & Misson", "VisionAndEthics", new AjaxOptions {
                InsertionMode = InsertionMode.Replace, UpdateTargetId = "divTarget"
            })</li>
        <li>@Ajax.ActionLink("Our Ethics", "OurEthics", new AjaxOptions {
                InsertionMode = InsertionMode.Replace, UpdateTargetId = "divTarget"
            })</li>
    </ul>
</li>

插入模式属性设置为替换，UpdateTargetId 属性是要放入结果的 HTML 容器的 id。

然后在你的控制器中

public PartialViewResult VisionAndEthics() {
    return PartialView("VisionAndMission");
}

public PartialViewResult OurEthics() {
    return PartialView("OurEthics");
}

这样，您还可以通过扩展此解决方案来处理关闭 javascript 的客户端。

于 2012-10-12T13:01:13.460 回答