extjs4 - Extjs 4 中的网格面板滚动条不起作用

Question

var gusersPanel = Ext.create('Ext.grid.Panel', {
    flex:1,
    columns: [{
        header: 'User Login',
        dataIndex: 'user_login',
        width:150
    },{
        header: 'User Name',
        dataIndex: 'user_nicename',
        width:150
    },{
        header:'Privledge',
        dataIndex:'admin',
        width:150
    }],
    autoScroll: true,
    layout:'fit',
    selModel: gusersSel,
    store: gusersStore

})

嗨，我在 Extjs4.0.2a 中为网格面板使用上面的代码当我在商店中动态填充数据时，滚动条不起作用。
我也尝试将 doLayout() 用于网格面板，但也无法正常工作。
网格面板位于 Window 中。

有什么可以解决这个问题的吗？

实际上它工作了一段时间，但并不总是工作。

Answer 1

我遇到了同样的问题。他们使用自定义滚动条，而且有很多问题(尤其是在 chrome 中)。如果您不打算使用无限滚动，则可能的解决方案是删除自定义滚动条并使用 native 滚动条。为此，只需将以下内容添加到网格的配置中:

var gusersPanel = Ext.create('Ext.grid.Panel', {
  scroll          : false,
  viewConfig      : {
    style           : { overflow: 'auto', overflowX: 'hidden' }
  },
  // ...
});