在 jqgrid 中保持滚动状态

Question

如何在每次刷新jqgrid 时保持滚动状态？我尝试了以下方法：

var scrollPosition = $("#"+grid_id).closest('.ui-jqgrid-bdiv').scrollTop();
$("#"+grid_id).trigger("reloadGrid", [{current:true}]);
$("#"+grid_id).closest('.ui-jqgrid-bdiv').scrollTop(scrollPosition);

但它不起作用，并且在网格刷新后滚动条会回到顶部。

此外，$("#"+grid_id).closest('.ui-jqgrid-bdiv').scrollTop(); 每次都会输出 0，尽管网格有一个滚动条。选择器参数 ($("#"+grid_id)) 是否不正确？里面应该有什么？

Answer 1

我想你尝试设置scrollTop 之前数据加载到网格中。我建议您将scrollTop 保存到网格的自定义选项中，并在loadComplete 回调或jqGridAfterLoadComplete 事件中重置位置。

要保存滚动顶部位置，您可以使用

var $grid = $("#"+grid_id),
    p = $grid.jqGrid("getGridParam");
p.scrollTopPosition = $grid.closest(".ui-jqgrid-bdiv").scrollTop();

要恢复你可以使用的位置

$("#"+grid_id).bind("jqGridAfterLoadComplete", function () {
    var $self = $(this), p = $self.jqGrid("getGridParam");

    if (p.scrollTopPosition !== undefined) {
        $self.closest(".ui-jqgrid-bdiv").scrollTop(p.scrollTopPosition);
        p.scrollTopPosition = undefined;
    }
});