Пейджинг только частичное представление - PullRequest
Новая
       6

Пейджинг только частичное представление

0 голосов
/ 27 апреля 2018

У меня есть представление, которое вызывает два частичных представления.

_partialView - это PagedList, _viewHeader имеет переключатель для выбора различных фильтров. Мне нужно иметь возможность просматривать страницы через _partialView без перезагрузки _viewHeader.

Это работает, но представление _viewHeader перезагружается, когда я нажимаю кнопку пейджера, а переключатели устанавливаются на значения по умолчанию. 

@Html.PagedListPager(Model, page => Url.Action("Index", new { currentFilter = @ViewBag.CurrentFilter, page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() {InsertionMode = InsertionMode.Replace, HttpMethod = "GET", UpdateTargetId = "partial" }))

Если я делаю это при нажатии кнопки страницы, загружается только _partialView без заголовка и макета (в противном случае это работает) 

 @Html.PagedListPager(Model, page => Url.Action("_partialView", new { currentFilter = @ViewBag.CurrentFilter, page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() {InsertionMode = InsertionMode.Replace, HttpMethod = "GET", UpdateTargetId = "partial" }))

Очевидно, что я делаю что-то не так, есть предложения?

Это мое представление Index.cshtml. 

@model PagedList.IPagedList<MyProject.Models.Kaizen>
@using PagedList;
@using PagedList.Mvc;


@*<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />*@

@{
    ViewBag.Title = "Home Page";
    ViewBag.AssignedTo = "";
}


@Html.Partial("_viewHeader")
<div id="partial">
   @Html.Action("_partialView", "Home")
</div>

1 Ответ

0 голосов
/ 17 июня 2018

Для всех, кому это интересно, мне удалось выяснить, как это сделать с помощью JQuery. 

//Page button clicked
        $(function(){
            $('#partial').on('click', 'a', function () {
                //alert('Click Detected');
                var url = $(this).attr('href');
                //alert(url);
                $('#partial').load(url);
                return false;
            })
        })

На этой странице _partialView не затрагивает _ViewHeader.

...