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

时间:2012-07-23 14:19:14

标签: jquery asp.net-mvc-3 jquery-plugins

我有一个asp.net-MVC项目,我使用this插件实现了一个分页机制。

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

我需要手动更新分页器,并在不使用分页插件时更新页面时将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.
        }
    });

我应该如何解决这个问题?感谢您的帮助。

3 个答案:

答案 0 :(得分:0)

不确定我是否理解你...但为什么不在那里加载另一个服务器端变量呢?

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

答案 1 :(得分:0)

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

答案 2 :(得分:-1)

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