自定义Bootstrap Typeahead查询以呈现建议

时间:2016-04-21 09:45:02

标签: twitter-bootstrap typeahead.js bootstrap-typeahead

我正在使用Bootstrap Typeahead建议值为

的值

10 X 8#/ 250 X 12,

12.5 X 12.4#/ 318 X 18.5,

1 1 / 2X1 1 / 2X.123

等...

因此要求是如果在输入框中用户类型108,则应该建议上面列表中的第一项。 同样,如果用户输入1251,则应建议上面列表中的第二项 如果用户输入11,则建议列表中的第三项。

所以基本上我们需要忽略除数字之外的所有字符。

我阅读了一些谈论自定义的文章,其中大多数都是通过覆盖荧光笔方法来定制建议值。

所以任何想法如何去做这个?

1 个答案:

答案 0 :(得分:1)

您应该使用客户匹配功能,如下所示:

function fuzzyMatch(item) {
  var s1 = this.query.trim().replace(/\D/g,'');
  var s2 = item.trim().replace(/\D/g,'');

  return s2.indexOf(s1) !== -1;
}

您可以在此处观看我的jsfiddle示例:https://jsfiddle.net/pensnarik/tqe49zqs/