Использование PagedListPager без обновления основного вида - PullRequest
Новая
       22

Использование PagedListPager без обновления основного вида

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

Вопрос действительно прост

Позвольте мне сначала объяснить ситуацию,

В нем есть основные View и 2 PartialView с, Категории и продукты.Категории имеют несколько подкатегорий, подкатегорий и т. Д.

Что я хочу сделать, так это то, что когда я щелкаю по любой категории, это должно изменить «данные» продуктов PartialView, не меняя ничего.Я могу сделать это с Ajax следующим образом: 

function myFunction(clickedItem) {
       //this area for showing or hiding sub-categories and i need this.
        var x = document.getElementById(clickedItem);
        if (x.style.display == 'none') {
            x.style.display = 'block';
        } else {
            x.style.display = 'none';
        } 
        var id = clickedItem;
        $.ajax({
            type: 'GET',
            url: '/Home/PartialProductList/' + id,
            success: function (response) {
                $('.table').html(response);
            }
        });
    }

Пока все хорошо, но когда я хотел добавить PageList к своим продуктам PartialView, он обновляет основной View.я нахожу Unobtrusive.Ajax lib.но не знаю, как его использовать.

мой помощник по списку страниц: 

@Html.PagedListPager(Model, page => Url.Action("PartialProductList", new { page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() { HttpMethod = "GET", InsertionMode = InsertionMode.Replace, UpdateTargetId = "table" })) //last part newly added.

Я новичок, поэтому я не получаю эту часть.в этом коде URL-адрес страницы Url.Action должен быть основным View, но также обновлять PartialView категории.

Каким должен быть URL Url.Action?или есть другой подход, чтобы сделать это? (без обновления категории PartialView ofc.)

Я хотел бы поделиться большим количеством кодов, если необходимо (например, Action с и т. д.), но я хочу понять, этоКак я могу использовать Html.PagedListPager и Unobtrusive.Ajax вместе.

...