仅重新加载部分视图

时间:2014-03-19 09:20:56

标签: c# asp.net-mvc-4 partial-views

我正在一个网站上工作,你可以在那里写和读笑话。

所以在我的索引上,我有一个foreach,它显示了所有的笑话。显示的每个笑话都是PartialView。 你可以投票给每个笑话(上/下)。因此,如果somone投了一个笑话,我想要部分查看他投票重新加载的笑话。

目前我有一个actionLink,进入控制器动作,我检查他是否已经投了笑话,如果没有,我调用RateJoke()方法。

但后来我不知道我应该将他链接到哪个视图,或者我必须如何做到这一点,以便它只是重新加载局部视图而不是整个索引。

我的索引视图:

@using (var db = new Witze.Context())
{
    foreach (var joke in Model)
    {
        @Html.Partial("_Jokes", joke);
    }
}

我的_Jokes PartialView

@Model.Rating Punkte
@Html.ActionLink("Up", "Up", "Home", new {Model.JokeId}, null)
@Html.ActionLink("Down", "Down", "Home", new {Model.JokeId}, null)
<div class="anzeige">
    <div>@Model.JokeText</div>
</div>
<div class="left">
    @foreach (var categories in Model.Categories)
        {
            @Html.ActionLink(categories.Name, "jokes", "categorie", new {categories.CategorieId}, null)
        }
</div>
<div class="right">
        von: @Model.Creator.Name um: @Model.Date
</div>

HomeController中的我的ActionResult Up()(还有一个向下):

public ActionResult Up(int jokeId)
    {
        int LoggedInUserId = WebSecurity.CurrentUserId;
        var LoggedInUser = db.User.Single(u => u.UserId == LoggedInUserId);
        ICollection<Joke> VotedJokes = LoggedInUser.Voted;
        bool voted = false;
        foreach (var VotedJoke in VotedJokes)
        {
            if (VotedJoke.JokeId == jokeId)
            {
                voted = true;
            }
        }
        if (voted == false)
        {
            Logik.RateJoke(true, jokeId, LoggedInUserId);
        }

        Joke joke = db.Jokes.Single(j => j.JokeId == jokeId);

        return PartialView("_Jokes", joke);
    }

那么有人可以帮助/解释我是如何做到的吗?我对MVC很新。

也许有一种完全不同的方式。我愿意接受任何解决方案。

解释我想要实现的目标:我想要一个页面,包含我的数据库中的所有笑话。每个笑话都可以投票,如果有人投票,我想要重新加载这个笑话,而不是整个页面。

1 个答案:

答案 0 :(得分:1)

使用@Ajax.ActionLink并使用当前的div笑话

进行更新
@Model.Rating Punkte
<div id="divjoke@Model.JokeId">    
@Ajax.ActionLink("Up", "Up", "Home", new {Model.JokeId}, new AjaxOptions {UpdateTargetId="divjoke"+Model.JokeId} null)

...