Получить номер модели в ответе ajax return Partial View

Question

Я вызываю метод с именем Issues в Issues контроллером через ajax.

var url = "@(Url.Action("Issues", "Issues"))"; 
$.ajax({ 
    type: 'POST', 
    url: url, 
    data: issue, 
    dataType: "html", 
    success: function (evt) { 
     $('#filteredDataList').html(evt); 
    }, 
}); 

И в мой контроллер:

[System.Web.Mvc.HttpPost] 
public ActionResult Issues(IssuesModel issue) 
{ 
    var model = allIssuesList.OrderBy(p => p.ID).ToList(); 
    return PartialView("~/Views/Issues/_LoadMoreIssues.cshtml", model.Take(20)); 
} 

Что мне нужно, это способ получить количество модели в ответ на успех вызова AJAX, так что я могу сделать следующее:

success: function (evt) { 
    $('#filteredDataList').html(evt); 
    var modelCount = ??? 
    if (modelCount > (20)) { 
     $("#loadMore").show().fadeIn(2000); 
    } 
},... 

Есть ли какой-либо возможный способ достичь этого?

Answer 1

Вы не возвращаете модель для вызова ajax, вы возвращаете html.

Вы можете включить любую информацию, которая вам нравится в html, и прочитать ее оттуда.

Во-первых, добавьте ViewModel, чтобы включить вашу дополнительную информацию:

public class MoreIssuesViewModel 
{ 
    public IList<Order> Orders { get;set; } 
    public int Total { get;set; } 
} 

Используйте это от контроллера:

[System.Web.Mvc.HttpPost] 
public ActionResult Issues(IssuesModel issue) 
{ 
    var data = allIssuesList.OrderBy(p => p.ID).ToList() 
    var model = new MoreIssuesViewModel 
    { 
     Orders = data.Take(20), 
     Total = Orders.Count() 
    } 
    return PartialView("~/Views/Issues/_LoadMoreIssues.cshtml", model); 
} 

Затем на ваш взгляд, хранить новую информацию где-то (пример)

@model MoreIssuesViewModel 
<table data-total='@Model.Total'> 
    <tbody>  
     @foreach(var order in Model.Orders) { 
     <td>....</td> 
     } 

Затем вы можете прочитать это из success

success: function (evt) { 
    $('#filteredDataList').html(evt); 
    var modelCount = $('#filteredDataList table').data("total") 
    if (modelCount > (20)) { 
     $("#loadMore").show().fadeIn(2000); 
    } 
},...