jquery - 部分页面刷新后手动更新jquery分页插件

Question

我有一个 asp.net-MVC 项目，我已经使用这个插件实现了分页机制。

在第一页上，我有产品和一个调用控制器方法返回下一页产品的寻呼机。这一切都很好。问题是，我还可以选择通过同一页面上的按钮更新产品。如果我使用按钮而不是使用寻呼机链接更新产品，则产品会更新，但寻呼机插件不会。

当不使用分页插件时更新页面时，我需要手动更新分页器并将 updateRecentBooks 中的 max_page 编号和“null”更改为另一个值。

$().ready(function () { 
 $('.pagination').jqPagination({
        max_page: @Model.NumberOfPages,
        paged: function(page) {
            updateRecentBooks(page, null);
        }
    });
});

 $("#button").live("click", function () {
        ...
        // Calls the updateRecentBooks with the proper value

        updateRecentBooks(1, properValue);

    });

点击事件发生后，NumberOfPages 属性被更新，我需要更新寻呼机以反映更改，如下所示：

 $('.pagination').jqPagination({
        max_page: @Model.NumberOfPages, // Now contains new values.
        paged: function(page) {
            updateRecentBooks(page, propervalue); // Now contains proper value.
        }
    });

我应该如何解决这个问题？感谢所有的帮助。

Answer 1

不知道我是否理解你的意思......但为什么不在那里加载另一个服务器端变量呢？

updateRecentBooks(page, @Model.CurrentPage || null);

Answer 2

我可以让它发生的唯一方法，因为插件中似乎没有公共函数来正确执行它，是在 ajax 请求返回后使用我想要的新默认选项重新初始化 jqPagination() ..

Answer 3

通过在我使用 ajax 更新的面板内移动分页控件来解决问题。这样，每次我更新局部视图时，分页控件都会重新绑定新值。