在mvc刷新局部視圖

我有一個詳細視圖，其中會有對話，甚至是對話框中的評論框。我在部分視圖中有一個評論框。但在決定更新創建評論的對話時遇到了問題。我知道我可以在部分視圖下面綁定代碼。但我很難調用它的操作方法。因此，這將有詳細查看代碼，然後在下面的代碼在mvc刷新局部視圖

<div class="row"> 
    <div class="panel-group" id="accordion"> 
     @foreach (var convo in Model.TicketConversation.OrderByDescending(x => x.LastUpdatedTimestamp)) 
     { 
      <div class="col-md-10 col-md-offset-1" style="padding-bottom: 5px;"> 
       <div class="panel panel-default"> 
        <div class="panel-heading removePaddingBottom" data-toggle="collapse" data-target="#[email protected]" style="background-color: inherit;" id="[email protected]" onclick="javascript:showHideLastConvoMsg(@convo.id)"> 
         <a style="text-decoration: none !important; color: inherit; width: 100px;"> 
          <span style="font-size: 16px; font-weight: bold; vertical-align: middle !important;"><i class="fa fa-chevron-right" id="[email protected]"></i>&nbsp;&nbsp;@convo.Subject</span> 
         </a> 
         @{ var lastmessage = convo.ConversationComments.First(); } 
         <div class="row"> 
          <div id="[email protected]" style="margin-top: 15px;"> 
           <div class="@lastmessage.DisplayCssClass"> 
            <div class="row"> 
             <div class="col-md-offset-1 col-md-10 removePadding" style="margin-bottom: 5px; margin-top: 10px;"> 
              <strong>@lastmessage.TypeOfContact</strong> 
             </div> 
             <div class="col-md-offset-1 col-md-10 removePadding" style="margin-bottom: 10px;"> 
              @lastmessage.Message 
             </div> 
            </div> 
            <div class="row"> 
             <div class="col-md-offset-6 col-md-5 text-right text-muted" style="margin-bottom: 10px;"> 
              <small> 
               <em>Posted by @lastmessage.CommenterName @@ @lastmessage.MessageTimestamp</em> 
              </small> 
             </div> 
            </div> 
           </div> 
          </div> 
         </div> 
        </div> 
        <div id="[email protected]" class="panel-collapse collapse"> 
         <div class="panel-body" style="padding: 0;"> 
          @if (convo.IsReadOnly == false @*&& Model.IsClosed == false*@) 
          { 
           <div class="row"> 
            @*<div class="col-md-12" style="padding-bottom: 3px; padding-top: 3px;"> 
             <a href="@Url.Action("ReplyQuery", new { cid = convo.id })" class="pull-right btn btn-sm btn-default"><i class="fa fa-reply"></i>&nbsp;Reply</a> 
            </div>*@ 

            ---- here i'm calling partial view for comment box--- 
          } 
          @foreach (var item in convo.ConversationComments) 
          { 
           <div> 
            <div class="message-border @item.DisplayCssClass"> 
             <div class="row"> 
              <div class="col-md-offset-1 col-md-10 removePadding" style="margin-bottom: 5px;"> 
               <strong>@item.TypeOfContact</strong> 
              </div> 
              <div class="col-md-offset-1 col-md-10 removePadding" style="margin-bottom: 10px;"> 
               @item.Message 
              </div> 
             </div> 
             <div class="row"> 
              <div class="col-md-5 text-right text-muted"> 
               <small> 
                <em>Posted by @item.CommenterName @@ @item.MessageTimestamp</em> 
               </small> 
              </div> 
             </div> 
            </div> 
           </div> 
          } 
         </div> 
        </div> 
       </div> 
      </div> 
     } 
    </div> 
</div>

該方法可以被調用來獲得會話列表？我需要寫一個新的操作方法嗎？

來源

2015-11-06 coder771

您可以創建一個操作方法，該方法返回你有對話的局部視圖。對於前：

public class SomeCtrlController : Controller 
{ 
    public PartialViewResult Conversation(int id) 
    { 
     List<Conversation> conversations = new List<Conversation>(); 
     //Use id to create your Model and pass it to Partial View 
     conversations = PopulateConversations(id); 

     // The below code search for Conversation.cshtml inside Views\SomeCtrl folder 
     return PartialView(conversations); 
    } 
}

從CSHTML（Razor視圖）

然後，你可以這樣調用它首次裝載：

@{ Html.RenderAction("Conversation", "SomeCtrl", new { id = 1 /*this will be id for which conversion have to load */ });}

然後刷新剛剛的對話，你可以使用jQuery AJAX或get方法。這將只刷新你指定的部分。看下面的例子

<script> 
    var conversationData = { 
     "id": 1 /*this will be id for which conversion have to load */ 
    }; 
    $.get("/SomeCtrl/Conversation", conversationData, 
      function (returnedHtml) { 
       $("#placeHolderDivToHaveConversation").html(returnedHtml); 
      }); 
</script>

來源

2015-11-06 12:15:40

當我需要這樣做時，我使用jquery ajax。例如：

我需要加載以下動態這個div：

按鈕查看

<button id="buscarVideos" class="btn">Buscar</button>

我打電話給我的阿賈克斯一個事件和負荷，結果有：

成功ajax

$("#partial_video").html(data);

部分

<div class="col-lg-12"> 
      <div id="partial_video"> 
       @*@Html.Partial("_Player")*@ 
      </div> 
    </div>

回報控制器：

return PartialView("_Player", video);

來源

2015-11-06 10:34:46

在mvc刷新局部視圖

回答

相關問題