Ajax actionlink更新多个目标ID

时间:2014-01-21 08:17:27

标签: ajax asp.net-mvc-3 razor asp.net-mvc-partialview

所以这是我的_Layout.cshtml

<body>
<div id="header">  
    <img alt="" src="../../Content/image/header.png" />
</div>
<div id="menuBar"></div>
<div id="navigation">  
    @Html.Partial("NavigationMenu")
</div>
<div id="content">  
    @RenderBody()
</div>
</body>

和NavigationMenu.cshtml由Ajax.actionlink的菜单列表组成,并且还显示所选菜单的项目内容,当点击菜单时,它有两个要更新的目标,即NavigationMenu.cshtml它自己,刷新项目内容,并更新div id =“content”,其中包含@RenderBody,这是渲染我的Index.cshtml

和我的HomeController

return View(menus);

所以问题是,当我点击任何菜单时,它会在我的actionlink updateTargetId中加载整个页面,这是内容。我想我需要做很多改变,有人可以帮忙吗?

更新

我有一些变化,因为我无法将多个目标id放入ajax actionlink的updateTargetId,所以我将两个div包装成一个div,然后我将该id作为updateTarget id。

<body>
<div id="header">  
    <img alt="" src="../../Content/image/header.png" />
</div>
<div id="menuBar"></div>
<div id="wraped">
    <div id="navigation">  
        @Html.Partial("NavigationMenu")
    </div>
    <div id="content">  
        @RenderBody()
    </div>
</div>
</body>

但现在的问题是,看起来有些不对劲,每次点击每个动作链接时加载页面需要更长的时间,我认为它会为渲染或其他东西做某种循环,任何人都可以帮助我吗?

0 个答案:

没有答案