Mô hình xem một phần MVC Không làm mới

Question

Tôi có chế độ xem một phần đang được tải vào một phương thức jQuery trong asp.net MVC 3. Vấn đề là chế độ xem không làm mới chính xác. Đây là thứ tự của sự kiện:

1) Chế độ xem chính có bảng liệt kê các bản ghi sự kiện khác nhau. Có một liên kết trên mỗi hàng của bảng để hiển thị chi tiết sự kiện. 2) Khi liên kết trên bảng này được nhấp, chế độ xem từng phần được tải theo phương thức.

Điều này hoạt động tốt trong một số trường hợp, trong các trường hợp khác, mô hình sẽ mất rất nhiều thời gian để tải. Sau khi đóng chế độ xem/phương thức một phần và nhấp vào một liên kết khác từ bảng trên giao diện chính, chế độ xem một phần sẽ tải hiển thị dữ liệu từ lần tải trước đó. Nó không làm mới chính xác.

Định nghĩa của phương thức trên Main xem: tải, vui lòng chờ ...

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#EventRegistrantSummary").dialog({ 
      bgiframe: true, autoOpen: false, height: 500, width: 980, resizable: false, modal: true 
     }); 
    }); 
    function showEventRegistrantSummary(id) { 
     $.get("/Event/EventRegistrantSummary/" + id, function (data) { 
      $("#EventRegistrantSummary").html(data); 
     }); 
     $("#EventRegistrantSummary").dialog('open'); return false; 
    } 
</script> 

Bộ điều khiển:

public PartialViewResult EventRegistrantSummary(Guid id) 
    { 
     ModelState.Clear(); 
     Event e = db.Events.Single(ev => ev.ID == id); 
     return PartialView(e); 
    } 

Partial View:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<model.Event>" %> 
<% using (Ajax.BeginForm("EditUpdate", new AjaxOptions { UpdateTargetId="Target", InsertionMode= InsertionMode.Replace})) 
     {%> 

     <h6 style="text-align:center">Registration Summary: <%= Model.Name %></h6> 

     <div style="float:left;width:35%"> 
      <fieldset id="Overview"> 
       <legend>Overview</legend> 
       <div class="editor-label"> 
        Total Registrants: <%= Model.BoatEventRegistrations.Count() %> 
       </div> 
      </fieldset> 
      </div> 
    <% } %> 

Bất kỳ trợ giúp nào được đánh giá cao.

Answer 1

Có vẻ như vấn đề về bộ nhớ đệm. Yêu cầu GET có thể được lưu vào bộ nhớ cache bởi một số trình duyệt. Hãy thử thay thế các cuộc gọi $.get AJAX bởi một $.ajax bằng cách thiết lập cache: false hoặc thử một yêu cầu $.post:

$.ajax({ 
    url: '<%= Url.Action("EventRegistrantSummary", "Event") %>', 
    type: 'GET', 
    cache: false, 
    data: { id: id }, 
    success: function(data) { 
     $('#EventRegistrantSummary').html(data); 
    } 
}); 

Ngoài ra bạn không cần phải xóa ModelState trong hành động EventRegistrantSummary của bạn khi bạn không thay đổi bất kỳ giá trị.

Answer 2

Sử dụng OutputCacheAttribute trên hành động điều khiển của bạn để tắt bộ nhớ đệm.

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")] 
public PartialViewResult EventRegistrantSummary(Guid id) 
{ 
    ModelState.Clear(); 
    Event e = db.Events.Single(ev => ev.ID == id); 
    return PartialView(e); 
} 

Answer 3

Một cách tiếp cận khác là lấy một số ngẫu nhiên vào chuỗi truy vấn khi bạn đang sử dụng trình trợ giúp MVC đang xây dựng.

Ví dụ:

@Ajax.ActionLink("LinkText", "Index", "Home", new { rnd = DateTime.Now.Ticks }, new AjaxOptions { UpdateTargetId = "main", OnSuccess = "pageloadSuccess" }) 

Hoặc cho một hình thức:

using (Ajax.BeginForm("EditUpdate", new { rnd = DateTime.Now.Ticks }, new AjaxOptions { UpdateTargetId="Target", InsertionMode= InsertionMode.Replace})) 

Không lúc nào cũng là cách tốt nhất để làm điều nhưng nếu bạn muốn tránh gắn thẻ mỗi phương pháp của bạn (Nếu bạn có rất nhiều cần phải tránh các vấn đề về bộ nhớ cache) hoặc sử dụng jQuery để xử lý việc gửi bản thân, đây là một công việc nhanh chóng.