如何使用MVC在自定义分页中保留数据(表单)? [英] How to retain data (form) on custom pagination using MVC?

问题描述

我有一个带有搜索条件的网格(使用脚手架选项生成的列表).我创建了分页概念.输入搜索条件数据并进行搜索，回发后，我使用TempData保留表单数据.但是，如果我单击网格中的页码，则表单数据不会保留，网格也将得到刷新.

I have a grid (list generated using scaffolding option) with search criteria. And I created paging concept. I entered search criteria data and search, after post back, I retained the form data using TempData. But, if I click page numbers in grid, the form data not retained and also the grid also getting refreshed.

有没有办法保留分页数据?

谢谢！

推荐答案

我使用JavaScript在表单中动态添加了一个隐藏字段.页码存储在隐藏字段中，当用户单击页码后，再提交表单.它运行正常，没有任何问题.

I added a hidden field dynamically within the form using JavaScript. The page number stored in hidden field, when the user click page number, then submit the form. It is working well without any issue.

分页:

<button onclick="navigateTo(this, '@Url.RouteUrl("Defined_Route", new { currentPage = j })');">@j</button>

JavaScript:

Javascript:

$(function () { //Page Load - Create hidden field, if search button found
    if ($("#search")) // Button id
    {
        var element = document.createElement("input");
        element.type = "hidden";
        element.id = "currentPage";
        element.name = "currentPage";
        element.value = '@TempData["Page"]';
        if (isNaN(element.value)) element.value = "1";
        $(to).parent().append(element);
    }
});

function navigateTo(field, url)
{
    $("#currentPage").val(field.innerText);
    if (isNaN($("#currentPage").val()))
    {
        location.href = url;//This is for direct url, ie. no search form
    }
    else
    {
        $("form").action = url;
        $("form").submit();
    }
}

这篇关于如何使用MVC在自定义分页中保留数据(表单)?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！