select2 with closeOnSelect false失去选择的滚动位置

Question

Select2版本4.0.3：当使用closeOnSelect设置为false的多选列表选项时，我尝试从中选择多个选项大名单。每次我选择一个选项时，选择项目列表将滚动回第一个选项。然后，我必须向下滚动列表才能在我刚刚选择的选项之后找到选项。

有没有办法配置Select2在选择特定选项后保留滚动位置？

任何帮助将不胜感激。

Answer 1

这是select 2插件的内部问题。

这是在添加以下函数后发生的回归， highlightFirstItem（）;在选项选择事件

按照链接， https://github.com/select2/select2/issues/4584

的修复程序，这是执行该功能之前添加以下条件，

if(!(self.options.get('multiple') && !self.options.get('closeOnSelect'))) { 
    self.highlightFirstItem(); 
} 

所以在选择的事件（上线＃1036 select.js文件）而成， 前 -

container.on('select', function() { 
     if (!container.isOpen()) { 
     return; 
     } 

     self.setClasses(); 
     self.highlightFirstItem(); 
}); 

后 -

container.on('select', function() { 
     if (!container.isOpen()) { 
     return; 
     } 

     self.setClasses(); 

     if(!(self.options.get('multiple') && !self.options.get('closeOnSelect'))){ 
     self.highlightFirstItem(); 
     } 
}); 

所以突出的第一要素即，重置滚动到顶部我们验证当前选择2下拉是否具有多且启用closeOnSelect选项未设置为false，如果任何一个为真，则强调首先前选项未被调用，因此滚动保留在选项上

您必须在select2.js库中进行此编辑，因为此修补程序还没有正式的select2版本。我用select 2版本4.0.3进行编辑。

下面是步骤， 下载选择2 4.0.3拉链，从 https://github.com/select2/select2/tags

源文件（select2.js）的缩小，在本地安装的NodeJS。

提取该文件夹，请转到dist/js/ 打开select2.js并替换上面提到的代码中的container.on（'select'）函数代码。

对于文件缩小（uglification），select2使用grunt， 因此在命令行上打开提取的select2-4.0.3文件夹。

运行下面的命令， NPM安装 NPM安装-g咕噜-CLI 咕噜丑化

以上制备的代码的变化将被转移到在select2-4.0.3/DIST select2.min.js文件/ js文件夹，你可以使用它作为select2 js文件现在在你的项目中

希望这会有所帮助