Question

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

所以在我的索引上，我有一个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很新。

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

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

Answer 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)

...

仅重新加载部分视图

1 个答案: