Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以在Tokenize2中显示所有选项?_Tokenize2 - Fatal编程技术网

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

是否可以在Tokenize2中显示所有选项?,tokenize2,Tokenize2,Tokenize2是一个JavaCScript库,用于选择多个选项 它提供了一个非常整洁的用户界面来开始编写,然后获得一个选项列表来进行选择。所选选项将显示为“标签”,可通过“x”链接删除 到目前为止一切都很好。但现在你需要知道你在寻找什么,并开始写至少一个字符来查看匹配的替代品 在我的场景中,几乎没有替代方案,用户不知道它们。我想在用户单击输入框时显示所有选项。有一个名为searchMinLength的配置选项,但已设置为0 是否有可以使用的变通方法?可能需要手动触发加载和下拉 我知道有很多类

Tokenize2是一个JavaCScript库,用于选择多个选项

它提供了一个非常整洁的用户界面来开始编写,然后获得一个选项列表来进行选择。所选选项将显示为“标签”,可通过“x”链接删除

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

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

是否有可以使用的变通方法?可能需要手动触发加载和下拉

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

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

我不知道是否有“官方”方法,但经过一些调查,我找到了一个可以接受的解决办法

下载Tokenizer2 sourceode后,我发现以下几行引起了我的注意:

if(this.input.val().length > 0){
    this.trigger('tokenize:search', [this.input.val()]);
}
我的解释是,除非用户输入至少有一个字符,否则不会触发内部搜索命令。源代码中的这一行很容易修改。我在此提出了一项建议:

我当前的解决方法是为select事件添加一个事件侦听器,然后触发内部搜索命令。这对我的场景来说很好,并且不需要重写源代码

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

这个链接对我有用

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