댓글을 달아서 새 덧글을 추가 하시려면 같은 페이지에 양식을 게시하십시오

Question

나는 ASP.NET MVC에 웹 응용 프로그램을 구축 중입니다. 코멘트가 가장 오래된 것부터 가장 오래된 것까지 목록에 표시되고 사용자가 새로운 코멘트를 게시 할 수있는 맨 아래에 양식이있는 코멘트 페이지가 있습니다. 페이지에 최신 의견을 표시하는 것 외에도 양식 항목을 강조 표시해야합니다.

표시된 데이터와 게시 양식이 같은 페이지에있는 경우 가장 좋은 방법은 무엇입니까?

아약스 없이도이 작업을 수행 할 수 있습니까?

는 --Code는

class CommentsViewModel 
{ 
    public IList<Comment> comments { get; set; } 
    public Comment comment { get; set; } 
    public SelectList commentCategories { get; set; } 
} 


class Comment 
{ 
    [Required] 
    public string commentData { get; set; } 

    [Required] 
    public int? commentCategory { get; set; } 
} 


class Comments : Controller 
{ 

    public ActionResult Index() 
    { 
     Site db = new Site(); 
     CommentsViewModel commenstVm = new 
     { 
      comments = db.GetComments(), 
      comment = new Comment(), 
      commentCategories = db.GetCommentCategories() 
     }; 

     return View(commentsVm); 
    } 


    [HttpPost] 
    public ActionResult AddNewComment(CommentsViewModel commentVm) 
    { 
     Site db = new Site(); 
     if (!ModelState.IsValid) 
     { 
      return View("Index", commentVm); 
     } 
     db.AddComment(commentVm.comment); 

     return RedirectToAction("Index"); 
    } 
} 

Answer 1

여기 기본 View하고 시작점으로 사용할 수있는 Controller의 extract--.

모델과 뷰 모델 :

public class CommentsViewModel 
{ 
    public IList<Comment> comments { get; set; } 

    public CommentsViewModel() 
    { 
     comments = new List<Comment>(); 
    } 
} 

public class Comment 
{ 
    [Required] 
    public string commentData { get; set; } 
    /** Omitted other properties for simplicity */ 
} 

보기 :

@using (@Html.BeginForm("Index", "Comments")) 
{ 
    @Html.TextBoxFor(t => t.comment.commentData) 
    @Html.ValidationMessageFor(t=> t.comment.commentData, "", new {@class = "red"}) 
    <button name="button" value="addcomment">Add Comment</button> 
} 

@foreach (var t in Model.comments) 
{ 
    <div>@t.commentData</div> 
} 

컨트롤러 :

public class CommentsController : Controller 
{ 
    /** I'm using static to persist data for testing only. */ 
    private static CommentsViewModel _viewModel; 

    public ActionResult Index() 
    { 
     _viewModel = new CommentsViewModel(); 
     return View(_viewModel); 
    } 

    [HttpPost] 
    public ActionResult Index(Comment comment) 
    { 
     if (ModelState.IsValid) 
     { 
      _viewModel.comments.Add(
       new Comment() {commentData = comment.commentData}); 
      return View("Index", _viewModel); 
     } 

     return RedirectToAction("Index"); 
    } 
}