Javascript ExtJS GridPanel列表过滤器滚动

我正在开发一个GridPanel，它在其列上使用过滤器。这些过滤器类型是列表。所以它们是ListFilter类的实例

我的想法是在这些listfilter项上获得一个滚动条，因为有时我有许多可能的过滤器值，而ExtJS本机没有用于列表类型过滤器的滚动条。因此，我重写了ListFilter类的createMenu方法以启用滚动条

现在看起来是这样的：

Ext.ux.grid.filter.ListFilter.prototype.createMenu = function (config) {
    var menuCfg = config.menuItems ? { items: config.menuItems } : {},
                menu;

    Ext.copyTo(menuCfg, config, "labelField,loadingText,loadOnShow,single,store,options");
    Ext.apply(menuCfg, {
        autoScroll: true
    });

    menu = Ext.create('Ext.ux.grid.menu.ListMenu', menuCfg);
    menu.self.xtype = "menu";
    menu.on('checkchange', this.onCheckChange, this);

    return menu;
};

这段代码运行良好，滚动条可见，可用于在过滤器值列表中上下滚动。但现在的问题是，这段代码禁用了使用mousewell的自然滚动行为

我想让两者都工作：滚动条和鼠标滚动。我试着给我的菜单设置一个固定的高度，但它不能解决任何问题

有什么想法吗

---

非常感谢

这不是答案，但您可能会感兴趣。下面是过滤网格的另一种方法：谢谢，它看起来很酷，但我认为它仍然是基于菜单的，所以同样的问题会出现。我宁愿把选项放在一个组合中，默认情况下应该是可滚动的。