Gmail like search component

Question

我需要一个搜索框，它与Gmail搜索或Teamcity search的功能类似。

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

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

我想要一个可以根据我的配置提供建议的文本框。有没有一个JavaScript组件，它可以像这样开箱即可做到这一点？有人声称可以用JQuery Autocomplete完成，但我不知道如何。

Answer 1

恕我直言，你错过了一部分， “主题”，例如

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]; 
}