是否可以在Tokenize2中显示所有选项？

Question

Tokenize2是一个用于选择多个选项的javacsript库。

它提供了一个非常简洁的UI来开始编写，然后获得一个可供选择的选项列表。选定的选项将显示为＆＃34;标签＆＃34;可以用＆＃34; x＆＃34;删除链路。

到目前为止一切都很好。但是现在你需要知道你在寻找什么，并开始写至少一个角色来看看匹配的替代品。

在我的场景中，很少有替代方案，用户不知道。我想在用户点击输入框时显示所有选项。有一个名为searchMinLength的配置选项，但它已设置为0。

是否有可以使用的解决方法？也许像手动触发加载和下拉一样？

我知道有很多类似的选择，但我选择了Tokenize2，因为：

• 看起来干净又漂亮
• 适用于移动浏览器

Answer 1

我不知道是否有＃34;官员＆＃34;方法，但经过一些调查，我找到了一个可接受的解决方法。

下载Tokenizer2 sourceode后，我发现以下一行引起了我的注意：

if(this.input.val().length > 0){
    this.trigger('tokenize:search', [this.input.val()]);
}

我的解释是，除非用户输入至少有一个字符，否则不会触发内部搜索命令。源代码中的这一行可以很容易地修改。我在此提出了一个建议：https://github.com/zellerda/Tokenize2/issues/26

我目前的解决方法是为select事件添加一个事件侦听器，然后触发内部搜索命令。这适用于我的场景，并且不会强制重写源代码。

$("#my-dropdown").on("tokenize:select", function (e: Event, routedEvent: boolean) {
    $("#my-dropdown").trigger('tokenize:search', "");
});

Answer 2

Tokenize2

此链接对我有用GitHub

$('.tokenize-sample-demo1').on('tokenize:select', function(container){
    $(this).tokenize2().trigger('tokenize:search', [$(this).tokenize2().input.val()]);
});