部分页面刷新后手动更新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更新的面板中移动分页控件来解决问题。这样，每次更新部分视图时，分页控件都会重新绑定新的值。