Asp.net mvc 3 如何用另一个视图替换部分视图?
我想显示“最新新闻”文章的列表,并点击“阅读更多”链接,显示所点击文章的全部内容。为此,我在Index.cshtml视图中使用了部分视图。第一次显示索引视图时,局部视图将填充文章列表。我想要的是:在单击时重用相同的局部视图来显示完整的文章 出于某种原因,我无法做到这一点,我也不明白为什么。使用调试器和Firebug,我可以捕获任何错误。此外,应用程序经历了所有步骤,甚至似乎显示了_Details部分视图,但实际上,屏幕上仍然是列表 谢谢你指出错误 编辑: 我在_Layout.cshtml中引用了所有必要的脚本:jquery-1.8.2.min.js、jquery-ui-1.8.24.custom.min.js、jquery.ui.core.min.js、jquery.validate.min.js、jquery.validate.unobtrusive.min.js和jquery.untrusive-ajax.js,并且我在web.config中有“untrusiveJavaScriptEnabled”=“true” Index.cshtmlAsp.net mvc 3 如何用另一个视图替换部分视图?,asp.net-mvc-3,partialviews,Asp.net Mvc 3,Partialviews,我想显示“最新新闻”文章的列表,并点击“阅读更多”链接,显示所点击文章的全部内容。为此,我在Index.cshtml视图中使用了部分视图。第一次显示索引视图时,局部视图将填充文章列表。我想要的是:在单击时重用相同的局部视图来显示完整的文章 出于某种原因,我无法做到这一点,我也不明白为什么。使用调试器和Firebug,我可以捕获任何错误。此外,应用程序经历了所有步骤,甚至似乎显示了_Details部分视图,但实际上,屏幕上仍然是列表 谢谢你指出错误 编辑: 我在_Layout.cshtml中引用了
@model MyApp.ViewModels.NewsViewModel
<div id="content" class="content_style">
<text>Some static content</text>
<div class="active_part">
@Html.Partial("_List", Model.NewsList)
</div><!-- end active_part -->
</div><!-- end content -->
@model IEnumerable<MyApp.Models.News>
@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "active_part", InsertionMode = InsertionMode.Replace }))
{
foreach (var item in Model)
{
<h2 class='title">
@Ajax.ActionLink(item.Title, "Details", "News", new { id = item.News_ID }, new AjaxOptions { UpdateTargetId = "active_part" }, null)
</h2>
<div class="body">
@Html.Raw(item.Body)
@Ajax.ActionLink("Read more", "Details", "News", new { id = item.News_ID }, new AjaxOptions { UpdateTargetId = "active_part" }, null)
</div>
}
}
@model MyApp.Models.News
@using (Ajax.BeginForm(new AjaxOptions{ UpdateTargetId = "active_part", InsertionMode = InsertionMode.Replace }))
{
<div class="single">
<h2 class="title">@Model.Title</h2>
<div class="entry-content">
@Html.Raw(Model.Body)
</div>
<div class="clear"></div>
</div>
}
public class NewsViewModel
{
// Properties
public News CurrentNews { get; set; }
public List<News > NewsList {get; set;}
// Constructor
public NewsViewModel() { }
public NewsViewModel(News pCurrentNews , List<News> pNewsList)
{
CurrentNews = pCurrentNews ;
NewsList = pNewsList;
}
}
确保在页面中导入正确的.js脚本 与Microsoft Ajax脚本相比,我在使用jquery脚本方面运气更好:
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
在
Index.cshtml
视图中:
<div class="active_part">
应该是:
<div id="active_part">
当您在AjaxOptions中指定
UpdateTargetId=“active\u part”
时,它正在查找具有id=“active\u part”
的DOM元素,而不是class=“active\u part”
抱歉,在您使用编辑进行更新的同时发布了此消息:)谢谢您的建议,事实上我当时正在编辑,因为我刚刚意识到jquery脚本将是任何愿意提供帮助的人的第一个想法。事实上,我还有其他几个视图,其中包含部分视图,但这是唯一一个没有表现出来的视图。这让我抓狂。如果你在你的控制器中设置断点,那么细节操作是否会被调用?谢谢你,达林,你是对的。哇,真是个傻瓜!我一定比我想象的更累了。。。
<div id="active_part">