如何在 Backbone js 中保留表单值？

Question

我有一个带有过滤器按钮的客户列表页面，该按钮将触发一个对话框来输入搜索参数。

一旦我应用过滤器（ajax 过程），结果就会被过滤并正确显示，对话框关闭。

由于我有分页，在分页到下一页时，对话框关闭时找不到过滤器参数。

现在我如何克服这个问题并保留表单数据？ 请指教！ 谢谢！

顺便说一句，我正在使用 tablesorterPager 进行分页

tablesorterPager({  
    container: $('#pager'),
    removeRows: true,
    page: 0,
    size: 10,
    savePages: false,
    ajaxUrl: utrl,
    customAjaxUrl: function(table, url) {
        //The below serailize is where the input for search form resides and doesn't work for the second page pagination.
        return url += '&'+$('[name="search_filter"]').serialize();
    },
    ajaxProcessing: function (data) {
        if (data[0] === 0) {
            return false;
        }
        return data;
    }
})

Answer 1

您可以在 Backbone 模型中保存过滤器参数，类似于

// When closing the filter dialog, save the values
const filterParamsModel = new Backbone.Model();

filterParamsModel.set({
  filterTitle: 'hello',
  filterBy: $('#someInput').val()
});


// Later during pagination

customAjaxUrl: function(table, url) {]
   return url += '&' + = jQuery.param(filterParamsModel.toJSON());
},