Javascript 如何使用Internet explorer中的Select2 js在包含5000个数据的选择下拉列表中优化过滤性能?
我有5000个数据列表,我必须显示为选择下拉列表。我使用Select2.js库来实现过滤器,这样就可以很容易地找到要选择的数据。它在谷歌chrome上运行良好,但在过滤数据甚至在搜索框中输入关键词方面却滞后了 这就是我现在拥有的Javascript 如何使用Internet explorer中的Select2 js在包含5000个数据的选择下拉列表中优化过滤性能?,javascript,jquery,internet-explorer,jquery-select2,Javascript,Jquery,Internet Explorer,Jquery Select2,我有5000个数据列表,我必须显示为选择下拉列表。我使用Select2.js库来实现过滤器,这样就可以很容易地找到要选择的数据。它在谷歌chrome上运行良好,但在过滤数据甚至在搜索框中输入关键词方面却滞后了 这就是我现在拥有的 $('.js-example-basic-single').select2(); }); 它允许筛选筛选框中用户类型的每个字符的列表 我更改了代码,以便仅在用户在筛选器框中输入3个字符后进行筛选 代码是: $('.js-example-basic-singl
$('.js-example-basic-single').select2();
});
它允许筛选筛选框中用户类型的每个字符的列表
我更改了代码,以便仅在用户在筛选器框中输入3个字符后进行筛选
代码是:
$('.js-example-basic-single').select2({
minimumInputLength:3
});
此代码隐藏下拉列表中的所有列表数据。但我根本不想隐藏这个列表
我希望能够筛选和选择项目,但不会有任何延迟。您使用的是哪个版本的Select2版本?请参阅和,此问题可能与select2版本有关,请尝试使用最新版本
此外,如何在select2元素中填充数据?使用
元素或本地Javascript数组?我想您可以尝试使用来过滤数据。我使用的是最新的stable v 4.0.11,我使用的是asp.net MVC。我使用razor引擎提供的HTML助手填充数据。它使用元素。您可以尝试使用加载选项。下面是我的代码:@Html.DropDownListFor(i=>i.Id,new SelectList(ViewBag.Message,“Value”,“Text”),“Family”,htmlAttributes:new{@class=“form control mt-2 selectpicker”,autocomplete=“off”)@section scripts{$('.selectpicker')。select2({ajax:{url:'@url.Action(“DropdownItem”,“Home”)',数据:函数(params){var query={search:params.term,键入:'public'}返回查询;}}}}}};}