Tokenize2是一个用于选择多个选项的javacsript库。
它提供了一个非常简洁的UI来开始编写,然后获得一个可供选择的选项列表。选定的选项将显示为"标签"可以用" x"删除链路。
到目前为止一切都很好。但是现在你需要知道你在寻找什么,并开始写至少一个角色来看看匹配的替代品。
在我的场景中,很少有替代方案,用户不知道。我想在用户点击输入框时显示所有选项。有一个名为searchMinLength的配置选项,但它已设置为0。
是否有可以使用的解决方法?也许像手动触发加载和下拉一样?
我知道有很多类似的选择,但我选择了Tokenize2,因为:
答案 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()]);
});