在 mvc razor 中保留过滤器状态

Question

我有一个剃刀视图，它根据日期、描述、城市、国家等过滤器显示一些工作数据。数据加载到网格中，然后用户可以打开该特定工作。

当用户点击查看某个工作时，它会重定向到另一个页面。我想要的是，当用户再次返回此页面时，它应该保留选定的过滤器并相应地搜索数据。我试过tempdata 但没用。然后我尝试了cookies，但它不允许我保留对象，因为它总是想要一个字符串作为值。

请大家猜一猜？

Answer 1

在将查询发送到您的服务器之前，只需使用浏览器本地存储和一些 javascript 代码。

如果触发查询，只需收集数据并使用 javascript 像这样存储它：

function myFunctionToBeCallBeforeSendingTheQuery() {
    var query = {
        jobTitle: 'user typed text goes here',
        countryId: 'the id goes here'
    }
    localStorage.setItem('query', query);
}

当用户返回页面时，您需要在页面加载完成后执行以下 javascript 代码：

$(function() {
    var query = localStorage.getItem('query');
    if(query != null) {
         // here you set the fields of your form with the preview stored data.
    }
});