JQGrid with JScrollpane:滚动条跳来跳去

Question

我正在使用一个JQGrid，里面有一个Jscrollpane。网格具有分页功能。

当我选择 10 或 20 条记录，然后向下滚动网格时，即使我使用鼠标滚轮插件滚动，滚动器也会跳到顶部。它总是在上面，只是不会下来。

如果我使用普通滚动条，一切正常。我已经尝试了maintainPosition:true和false但即便如此，滚动条始终位于顶部。

gridComplete: function(){
                var table_header = $('#gbox_list').find('.ui-jqgrid-hbox').css("position","relative");
            $('#gbox_list').find('.ui-jqgrid-bdiv').bind('jsp-scroll-x', function(event, scrollPositionX, isAtLeft, isAtRight){
          table_header.css('right', scrollPositionX);
         }).jScrollPane({
             showArrows: true, 
            autoReinitialise: true,            
        horizontalDragMaxWidth: 30,
        verticalDragMaxHeight: 30,  
        maintainPosition:false
      });
            },

工作模型

继续使用滚动条并尝试选择 5///10///20 条记录...您会注意到该错误。

每次更改内容时，我都需要滚动条在重新初始化时位于顶部和左侧。

Answer 1

我做了 3 件事来让它工作。

1. jScrollPane没有从 jqGrid 的 gridComplete 函数内部初始化，所以我把它移到了脚本的末尾。
2. 然后我针对$('div.ui-jqgrid-bdiv')初始化了jScrollPane。
3. 我评论掉了autoReinitialise: true.

把它放在脚本的末尾，并注释掉gridComplete的内容。

$('div.ui-jqgrid-bdiv').jScrollPane({
  showArrows: true, 
  //autoReinitialise: true,            
  horizontalDragMaxWidth: 30,
  verticalDragMaxHeight: 30,     
  maintainPosition:false
});