我正在使用带有远程 API 的 Bloodhound,我需要转换从远程 API 返回的结果。

API URL 是 https://www.googleapis.com/books/v1/volumes?q=quilting,它返回一个带有 items 属性的对象,该对象是一个列表。我需要将该列表返回给 Typeahead,而不是顶级对象。

Bloodhound 文档说 there is a transform function that is supposed to do this ,但我无法让它工作。

这是我的代码:

var books = new Bloodhound({
  datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.num); },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'https://www.googleapis.com/books/v1/volumes?q=quilting'
  },
  transform: function(response) {
    console.log('transform', response);
    return response.items;
  }
});
books.initialize();

// instantiate the typeahead UI
$('#myTextBox').typeahead(null, {
  displayKey: function(suggestion) {
    console.log('suggestion', suggestion);
    return suggestion.volumeInfo.title + suggestion.volumeInfo.publishedDate;
  },
  source: numbers.ttAdapter()
});

还有一个 JSFIddle:http://jsfiddle.net/2Cres/46/

这不起作用,因为我需要将 items 列表输入到预先输入的 UI 中,但这似乎没有发生。

最佳答案

尝试在远程选项中移动变换,如下所示:

remote {
  url:"fdsfds",
  transform: function (response){...}
}

关于javascript - Bloodhound.js : Transform the data returned by a remote source?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29895014/

10-12 05:40