本文介绍了如何在帖子视图上编辑帖子回复，而无需在单独的视图中执行该操作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在创建一个论坛。这是一个ASP.NET Core 3.1 MVC应用程序。

在帖子索引视图中，帖子标题和内容位于顶部，帖子回复列在下面，并带有foreach循环。我希望在同一视图上实现编辑功能，而不必创建新的单独视图。

我已经为帖子构建了编辑功能。当用户点击帖子上的编辑按钮时，EditPostModal会弹出，它就像一个护身符一样起作用。这对我来说是一项相当容易的任务，因为一个帖子视图只有一个对应的帖子。

现在我想为每个回复做一些类似的事情。我现在的问题是，如果我将用于编辑回复的新模式窗口放在用于显示回复的同一Foreach循环中，我将能够访问用于填充模式信息的所有相关属性，但这会造成混乱。首先，我认为每个回复都有一个模式是有点不合适的。此外，现在每个模式实际上都是相同的模式，但具有不同的信息(不同的隐藏ID和内容)，当我单击提交按钮时，会发生@reply.Id的空异常，我认为这是因为它试图同时将来自所有模式的信息传递给困惑的控制器。

另一方面，当我将模式窗口放在Foreach循环之外时，我无法通过模型访问POST回复信息。或者我只是不知道如何做到这一点。

请找到下面的代码(简化代码，仅包含相关部分)。

查看模型：

public class PostIndexModel
{
    public int Id { get; set; }
    public string Title { get; set; }
    public DateTime CreatedOn { get; set; }
    public string PostContent { get; set; }

    public IEnumerable Replies { get; set; }
}

public class PostReplyModel
{
    public int Id { get; set; }
    public DateTime CreatedOn { get; set; }
    public string ReplyContent { get; set; }
}

POST VIEW Index.cshtml：

@model WebProjectAircraftForum.Models.Post.PostIndexModel




    

        

            @Model.CreatedOn
        

        

            @Html.Raw(Model.PostContent)
        

        

            @if (User.Identity.Name == Model.AuthorName || User.IsInRole("Admin"))
            {
                
                    Edit
                
            }
        
    


foreach (var reply in Model.Replies)
{
    

        

            

                @reply.CreatedOn
            

            

                @Html.Raw(reply.ReplyContent)
            

            

                @if (User.Identity.Name == Model.AuthorName || User.IsInRole("Admin")) //added
                {
                    
                        Edit
                    
                }
            
        
    

    //modal for edit PostReply
    

        

            

                

                    Edit Post Reply
                

                

                    

                    

                        
                        
                        
                    

                    

                        
                    
                
            
        
    

负责接受此消息的PostController部分：

[Authorize]
[HttpPost]
public async Task EditReply(PostReplyModel model)
{
        var reply = _postService.GetReplyById(model.Id);

        await _postService.EditPostReplyContent(reply.Id, model.ReplyContent);

        return RedirectToAction("Index", new { id = model.PostId });
}

你能帮忙吗？有没有办法把这个模式从循环中去掉，同时仍然能够这样做？提前谢谢。

推荐答案

使用循环的第一种方式

查看(Index.cshtml)：

1.您没有共享toggleModalPost和toggleModalPostReplyjs函数。实际上，不需要使用任何js函数来弹出模式。仅使用默认引导属性data-toggle="modal"。2.您的模式ID是modalEditPostReply，但锚中data-target的值与它不匹配。此外，所有的模式都应该拥有唯一的ID。您需要添加索引以使其唯一。

@model PostIndexModel

@{ int i = 0;}   

    
   
        

            

                @Model.CreatedOn
            
            

                @Html.Raw(Model.PostContent)
            
   
            
       
                
                    EditPost
                             
            
        
    
    @foreach (var reply in Model.Replies)
    {
    

        

            

                @reply.CreatedOn
            
 
            

                @Html.Raw(reply.ReplyContent)
            

            
         
                
                    EditReply
                                   
            
        
    
    
        //modal for edit PostReply
                              //modify the id....
    

        

            

                

                    Edit Post Reply
                
                

                    

                    

                        
                        
                        
                    

                    

                        
                    
                
            
        
    
        i++;   //add here...
    }

控制器：

您的前端使用asp-for="@reply.PropertyName"，它将生成name="reply.PropertyName"，您需要具体的前缀。

[HttpPost]
public async Task EditReply([Bind(Prefix ="reply")]PostReplyModel model)
{           
    return RedirectToAction("Index");
}

---

避免循环的第二种方法

您可以使用分部视图重用模式。

查看(Index.cshtml)：

现在您可以使用js函数调用AJAX来加载部分视图，这可以避免循环模式。

@model PostIndexModel    

    
   
        

            

                @Model.CreatedOn
            
            

                @Html.Raw(Model.PostContent)
            
    
            

                
                    EditPost
                                 
            
        
    
    @foreach (var reply in Model.Replies)
    {
    

        

            

                @reply.CreatedOn
            
    
            

                @Html.Raw(reply.ReplyContent)
            
 
            
             
                   
                    EditReply
                                   
            
        
    
    

              
    
    }

@section Scripts
{

}

部分视图(_Partial.cshtml位于视图/共享文件夹中)：

@model PostReplyModel

    

        

            

                Edit Post Reply
            
            

                

                

                    
                    
                    
                

                

                    
                
            
        
    

控制器：

public IActionResult LoadPartial(int id)
{
    var data = _context.Replies.Where(i => i.Id == id).FirstOrDefault();
    return PartialView("_Partial", data);
}


[HttpPost]
public async Task EditReply(PostReplyModel model)
{           
    return RedirectToAction("Index");
}

这篇关于如何在帖子视图上编辑帖子回复，而无需在单独的视图中执行该操作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持吉威生活！

[英文标题]How to edit Post Reply on Post View without doing that in a separate View

声明：本媒体部分图片、文章来源于网络，版权归原作者所有，如有侵权，请联系QQ:330946442删除。