Добавить часть HTML кода с помощью JQuery

Question

Я использую приложение ASP.NET MVC и имеет следующий код:

<div id="divComments"> 
    @foreach (var comment in Model.Comments) { 
     <div id="comment-@comment.ID"> 
      <div> 
       @comment.Username<br /> 
       @comment.DateAdded.ToString() 
      </div> 
      <div> 
       @comment.Comment 
      </div> 
      <input type="button" class="deleteComment" value="Del" id="btnDel-@comment.ID" /> 
      <br /> 
     </div> 
    } 
</div> 

Кроме того, я хочу, чтобы добавить Div блок с идентификатором = «комментарий-X» с помощью JQuery. Я делаю это следующим образом:

$('#divComments').append('<div id="comment-' + resp.Result.ID + '"><div>' + $('#Username').val() + '<br />' + resp.Result.date + '</div><div>' + comment + '</div><input type="button" class="deleteComment" value="Del" id="btnDel-' + resp.Result.ID + '" /><br /></div>'); 

Можно ли переместить его в любой PartialView/html файл и работать с ним в обоих местах - cshtml (внутри моего Еогеасп) и JQuery? Эта часть HTML является лишь примером; эта часть может быть намного больше.

Answer 1

Первый раздел в порядке, если вы хотите перейти к частичному представлению, вы можете настроить частичный вид html, который вы хотите, с помощью viewmodel, передающего информацию, которую вы хотите заполнить. Затем вы вызываете это действие контроллера, а затем добавляете результат в блок divComments.

Это позволит вам добавлять сложные фрагменты html без беспорядочной строки и т. Д.