Gmail就像搜索组件一样

时间:2015-09-28 10:27:40

标签: javascript jquery jquery-ui

我需要一个搜索框,其功能与Gmail搜索或Teamcity search类似。

我希望能够使用前缀进行搜索,例如by:my_user in:development,它会找到每个“对象”(可能是任何东西),以有意义的方式过滤。

现在,提取键和值并将它们应用到我的数据集的过程,我知道该怎么做。这个问题是关于GUI组件的。

我想要一个可以根据我的配置提供建议的文本框。是否有一个javascript组件,它开箱即用?有些人声称它可以用JQuery Autocomplete完成,但我不确定如何。

1 个答案:

答案 0 :(得分:0)

恕我直言你错过了一个部分,"主题",例子

var query = "by:my_user in:development the thing";

然后:找到过滤器

var filters = query.match(/(([\w_]+):([\w_]+))/ig);

找到(可选)主题

var subject = query.match(/\s([\w\s]+)$/ig);

然后

for(var i in filters) {
    var filter = filters[i].split(':');
    var key = filter[0];
    var obj = filter[1];
}