需要帮助在 MVC 应用程序中创建评论部分

need help creating a comment section in MVC app

需要在我的详细信息窗格代码中添加注释部分。

大家好,

我正在创建一个应用程序作为测试项目来管理和帮助处理 IT 工单。我有一个显示 post 表单的详细信息窗格,允许我查看详细信息并在必要时更新任何内容。一切正常,只是我需要创建评论部分以在详细信息窗格中添加有关已完成工作的详细信息。

@model TicketingSystem.ViewModels.TicketFormViewModel
@{
    ViewBag.Title = "Details";
}

<h2>@Model.Title</h2>

@using (Html.BeginForm("Save", "Tickets"))
{

    <div class="form-group">
        @Html.LabelFor(t => t.Subject)
        @Html.TextBoxFor(t => t.Subject, new { @class = "form-control" })
        @Html.ValidationMessageFor(t => t.Subject)


    </div>

    <div class="form-group">
        @Html.LabelFor(t => t.SenderName)
        @Html.TextBoxFor(t => t.SenderName, new { @class = "form-control" })
        @Html.ValidationMessageFor(t => t.SenderName)
    </div>

    <div class="form-group">
        @Html.LabelFor(t => t.SenderEmail)
        @Html.TextBoxFor(t => t.SenderEmail, new { @class = "form-control" })
        @Html.ValidationMessageFor(t => t.SenderEmail)
    </div>


    <div class="form-group">
        @Html.LabelFor(t => t.Message)
        <br />
        @Html.TextAreaFor(t => t.Message)
    </div>

    <div class="form-group">
        @Html.LabelFor(t => t.StateId)
        @Html.DropDownListFor(t => t.StateId, new SelectList(Model.State, "Id", "Name"), "", new { @class = "form-control" })
        @Html.ValidationMessageFor(t => t.StateId)
    </div>


    @Html.HiddenFor(t=>t.Id , new { @class = "form-control"})

    @Html.AntiForgeryToken()


    <button type="submit" class="btn btn-primary">Save</button>
}

我希望得到一个类似于聊天框的小功能,它有一个带有 "post" 按钮的小文本框,在该按钮下我可以提交我的评论模型。我真的不确定如何开始实施类似的东西。任何指针将不胜感激,因为我对 MVC 和整个 Web 应用程序还很陌生。

我将创建一个 Comments 模型(如果您使用的是 EF),该模型将关联到此 TicketView 模型(无论您的票证模型具有什么 pk)。然后在您的视图中,我将创建一个 _Comments 部分,其中有一个 TextArea 和一个提交按钮。事实上,我已经做过这件事并且很有效。 _Comments 部分中的提交按钮将 post 评论和 return 返回包含评论的视图。

我的模型是这样设置的。我在请求和响应之间有一对多的关系。响应有组。在每组回复中,我有一个或多个 GroupComment。

例如,在我的父视图中(它有一个包含回复、群组和群组评论的 ViewModel)...

   <section class="comments">
        <label class="commentsLabel">Comments:</label>
        <span> 
           @Html.Partial("_CommentsPartial", comment)               
        </span>                                                          
    </section>

然后我的评论部分看起来像这样(这样做是显示评论是否存在。如果评论不存在,我有一个添加按钮,以便用户可以添加评论:

@model IEnumerable<GroupComment>
@{
   var comment = Model;    
   foreach (var c in comment)
   {
       if (c.COMMENT_ID > 0)
       {
      <div>
       <img src="~/Content/note.jpg" /><span 
        class="comment">@Html.ActionLink("Edit", "Edit", "Comments", new { id = 
      c.COMMENT_ID }, null)</span> @c.COMMENTS
     </div>
        } else {
        <div>
            @Html.ActionLink("Add \u00BB", "Create", "Comments", new { NCR_REQUEST_ID = c.NCR_REQUEST_ID, NCR_GROUPS_ID = c.NCR_GROUPS_ID }, new { @class = "btn btn-primary btn-sm" })
        </div>
    }
}       

}