Повторно визуализировать индексное представление из частичного представления в индексном представлении? - PullRequest
Новая
       37

Повторно визуализировать индексное представление из частичного представления в индексном представлении?

0 голосов
/ 27 октября 2018

Существует индексное представление с частичным представлением для нумерации страниц.Частичное представление _pagination вызывает Index ActionResult в главном контроллере, если нажата кнопка btnRowsPerPage.Метод контроллера вызывается с правильными переменными, но представление (индекс) не обновляется.Чего мне не хватает? 

<div>
    @Html.Partial("_Pagination", new { offset = ViewBag.Offset, take = ViewBag.Take, count = ViewBag.Count } )
</div>

Статическая интеграция частичного представления в представлении индекса. 

<ul class="pagination pagination-sm">
<li class="page-item @(ViewBag.Offset==0 ? "disabled" : "")">
    @Html.ActionLink("<<", "Index", new { po = 0, sk = ViewBag.Take }, new { @class = "page-link" })
</li>
<li class="page-item @(ViewBag.PageCount==0 ? "disabled" : "")">
    @Html.ActionLink("<", "Index", new { po = ViewBag.Offset == 0 ? 0 : ViewBag.Offset - 1, sk = ViewBag.Take }, new { @class = "page-link" })
</li>
@for(int i = 0; i < ViewBag.PageCount; i++) {
    <li class="page-item @(ViewBag.Offset==i ? "active" : "")">
        @Html.ActionLink((i + 1).ToString(), "Index", new { po = i, sk = ViewBag.Take }, new { @class = "page-link" })
    </li>
}
<li class="page-item @(ViewBag.Offset==ViewBag.PageCount ? "disabled" : "")">
    @Html.ActionLink(">", "Index", new { po = ViewBag.Offset == ViewBag.PageCount ? ViewBag.Offset : ViewBag.Offset + 1, sk = ViewBag.Take }, new { @class = "page-link" })
</li>
<li class="page-item @(ViewBag.Offset==ViewBag.PageCount ? "disabled" : "")">
    @Html.ActionLink(">>", "Index", new { po = (int)(ViewBag.PageCount), sk = ViewBag.Take }, new { @class = "page-link" })
</li>
<li class="page-item">
    <input class="col-sm-5" type="number" placeholder="@ViewBag.Take" id="RowsPerPageValue" />
</li>
<li class="page-item" id="RowsPerPageLi">
    <button type="button" class="btn btn-primary" onclick="updateRowsPerPage()" id="btnRowsPerPage">Requery</button>
</li>


<script type="text/javascript">
var updateRowsPerPage = function () {
        $.ajax({
            url: '@Url.Action("Index", "TParts")',

            data: {
                po: @ViewBag.Offset,
                sk: $('#RowsPerPageValue').val()
            },
            success: function (data) {

            },
            error: function () {
                alert('Error');
            }
        });
    }

Частичное представлениес JavaScript 

    public ActionResult Index(int? po, int? sk)
    {
        int offset = po ?? 0;
        int take = sk ?? 5;
        if(offset < 0) offset = 0;
        if(take < 1) take = 1;
        ViewBag.Take = take;
        int count = db.TParts.Count();
        ViewBag.PageCount = (int)(count / take) + ((count % take) > 0 ? 1 : 0);
        if(offset > ViewBag.PageCount) offset = ViewBag.PageCount;
        ViewBag.Offset = offset;
        var tParts = db.TParts.Include(t => t.PartType).OrderBy(o => o.Title).Skip(offset * take).Take(take);
        return View(tParts.ToList());
    }

Индексный метод главного контроллера

1 Ответ

0 голосов
/ 29 октября 2018

Похоже, вы не обрабатываете ответ от сервера при вызове ajax. 

  <div id="page-details">
    @Html.Partial("_Pagination", new { offset = ViewBag.Offset, take = ViewBag.Take, count = ViewBag.Count } )
</div>

и затем в вашем файле JS 

       $.ajax({
            url: '@Url.Action("Index", "TParts")',

            data: {
                po: @ViewBag.Offset,
                sk: $('#RowsPerPageValue').val()
            },
            success: function (data) {
                $('#page-details').html(data);
            },
            error: function () {
                alert('Error');
            }
        });
    }
...