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

时间:2017-06-09 07:38:27

标签: tokenize2

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

它提供了一个非常简洁的UI来开始编写,然后获得一个可供选择的选项列表。选定的选项将显示为"标签"可以用" x"删除链路。enter image description here

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

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

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

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

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

2 个答案:

答案 0 :(得分:2)

我不知道是否有#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', "");
});

答案 1 :(得分:1)

Tokenize2

此链接对我有用GitHub

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