Typeahead.js - 在多個屬性值中搜索

Question

請參閱下面的示例。

的jsfiddle：http://jsfiddle.net/R7UvH/2/

如何使在不止一個屬性值匹配typeahead.js（0.10.1）搜索？理想的情況下，內整data（data.title，data.desc和所有data.category[i].name）

datumTokenizer: function(data) { 
    // **search in other property values; e.g. data.title & data.desc etc..** 
    return Bloodhound.tokenizers.whitespace(data.title); 
}, 

整體例如：

var data = [{ 
    title: "some title here", 
    desc: "some option here", 
    category: [{ 
     name: "category 1", 
    }, { 
     name: "categoy 2", 
    }] 
}, 
{ 
    title: "some title here", 
    desc: "some option here", 
    category: [{ 
     name: "category 1", 
    }, { 
     name: "categoy 2", 
    }] 
}]; 

var posts = new Bloodhound({ 
    datumTokenizer: function(data) { 
     // **search in other property values; e.g. data.title & data.desc etc..** 
     return Bloodhound.tokenizers.whitespace(data.title); 
    }, 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    local: data 
}); 
posts.initialize(); 

$('#search-input').typeahead({ 
    highlight: true 
}, { 
    name: 'Pages', 
    displayKey: 'title', 
    source: posts.ttAdapter(), 
    templates: { 
     header: '<h3>Pages</h3>' 
    } 
}); 

Answer 1

我實現了這裏的解決方案：

http://jsfiddle.net/Fresh/4nnnG/

正如你有一個本地數據源，您需要創建單個數據集以使您能夠匹配多個數據集時間數據屬性。例如

$('#search-input').typeahead({ 
    highlight: true 
}, { 
    name: 'titles', 
    displayKey: 'title', 
    source: titles.ttAdapter() 
}, { 
    name: 'descs', 
    displayKey: 'desc', 
    source: descs.ttAdapter() 
}, { 
    name: 'cats', 
    displayKey: 'name', 
    source: cats.ttAdapter() 
}); 

Answer 2

return Bloodhound.tokenizers.whitespace(data.title)返回字符串數組。

所以，而不是返回該值：保存（和你的其他所需的值），然後將它們連接起來，並返回一個值...

x = Bloodhound.tokenizers.whitespace(data.title); 
y = Bloodhound.tokenizers.whitespace(data.desc); 
z = Bloodhound.tokenizers.whitespace(data.category[i].name); 
return x.concat(y).concat(z); 

Answer 3

Typeahead 0.10.3 added "support to object tokenizers for multiple property tokenization."

所以，你的榜樣變得

var posts = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('title', 'desc'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    local: data 
}); 

不過，我不認爲這會爲嵌套性工作你的情況，也就是說，data.category對象。請注意，如果您使用的是預取數據，請務必先清除本地存儲，否則新標記將不會生效（因爲在添加到搜索索引時使用datumTokenizer，並且如果數據爲已經出現在localStorage中，那麼搜索索引將不會被更新）。我被困在這一段時間了！