gpt4 book ai didi

asp.net-mvc-3 - 如何用另一个替换部分 View ?

转载 作者:行者123 更新时间:2023-12-04 17:24:23 25 4
gpt4 key购买 nike

我想显示“最新新闻”文章的列表,然后单击“阅读更多”链接以显示所点击文章的完整内容。为此,我在 Index.cshtml View 中使用了局部 View 。首次显示索引 View 时,部分 View 将填充文章列表。我想要的是:在点击时重用相同的部分 View 来显示完整的文章。

出于某种原因,我无法做到这一点,我不明白为什么。使用调试器和 Firebug,我可以捕获没有错误。此外,应用程序经过所有步骤,似乎甚至显示_Details 部分 View ,但实际上,屏幕上仍然是列表。

谢谢你指出我的错误。

编辑:

我在 _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.unobtrusive-ajax.js 以及我在 web.config 中有“UnobtrusiveJavaScriptEnabled”=“true”。

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

_List.cshtml
@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>
}
}

_Details.cshtml
@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>
}

View 模型
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;
}
}

Controller
    public ViewResult Index()
{
return View( new NewsViewModel(null, repository.FindAllNews()));
}

public ActionResult Details(long id)
{
News article = repository.FindAnArticleByID(id);
return PartialView("_Details", article);
}


public ActionResult ListNews()
{
return PartialView("_List", repository.FindAllNews());
}

最佳答案

在您的 Index.cshtml看法:

<div class="active_part">

应该:
<div id="active_part">

当您指定 UpdateTargetId = "active_part" 时在您的 AjaxOptions 中,它正在寻找具有 id="active_part" 的 DOM 元素,不是 class="active_part" .

关于asp.net-mvc-3 - 如何用另一个替换部分 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12730991/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com