Поддержание состояния прокрутки в 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; 
    } 
});