问题标签 [bloodhound]

我很难弄清楚如何使用 typeahead 以 json 文件作为源来显示对象列表。我的数据都没有显示。

我想列出名称，并在选择时将其他属性用于其他事物。

../data/test.json

测试.js

测试.html

** 如果有人可以向我解释 datumTokenizer 和 queryTokenizer 是什么，那就太好了 **

嗨，我在将我的 typeahead js 从 0.9.3 升级到 0.10.5 时遇到了麻烦。它在 0.9.3 中工作，但我似乎无法让我的远程连接在最新版本中工作。

我正在使用以下代码。

在 0.9.2 中，以下代码有效，但由于某种原因，每次您在输入框中按下键时，建议都会消失，直到 keyup 匹配。我希望这次升级能解决我的问题，或者可能是配置问题导致了它。

我尝试将typeahead.js与bloodhound.md和外部 json 数据源一起使用。我想我会尽可能准确地遵循 github 上提供的文档和示例。但是，我无法实现所需的下拉菜单。

你能告诉我，我做错了什么吗？

[编辑]
我将整个代码（js 和 json）移动到 jsbin，所以跨域调用应该没有任何问题。

在这里找到示例代码：http: //jsbin.com/vajamixubo/1/edit ?html,js,output

对于如何有效调试 typeahead.js 调用的提示，我也将不胜感激。

我在我的应用程序中使用 typeahead.js 来处理可重复使用的发票项目。当您键入商品名称并选择建议的商品时，它会为您填充商品编号、商品名称和商品价格。

当我使用本地数据时，一切正常。但是现在我已经切换到从不同的位置（获取）获取我的数据，它不再工作了。我有一种感觉，这是因为我的 json 格式。

它不再起作用了，我的意思是当您.typeahead输入输入时，没有任何建议。

这是我的Javascript：

然后我的 php 创建 json

这会为 json 生成：

我是使用 typeahead 插件的新手，我的 javascript（不是 jquery）技能很糟糕。这是我的 JSON：

我有预先输入的捆绑包 0.10.5 这是我的 js：

Chrome 控制台给了我：

未捕获的类型错误：无法读取未定义的属性“长度”

但那是在我的 jquery.2.1（缩小）库中，而不是上面的 js 源。#tbSearch浏览器在输入下方不显示弹出窗口。

正如@Mike 建议的那样，jsfiddle http://jsfiddle.net/gw0sfptd/1/但我必须修改一些东西才能使用本地json。这也不起作用大声笑

按照大卫的建议进行编辑，我应该清理我的 json。现在是这样：

和js：

但在 Firefox 控制台中没有工作输入和没有（可用）错误。我想要的输出将是产品代码列表，还有它们所在的类别和 gtin13（如果不是 null），因为 sql 搜索所有这三个选项。我应该在客户端为产品创建一个 javascript“类”并将 json 解析为它吗？我仍然不清楚整个猎犬的工作原理。（是的，我查看了样本并阅读了 typeahead 和 Bloodhound 的文档）我不知道这是否可能，但我的最终愿望是，当您从 typeahead 建议中选择一个项目时，此 productdatasource 链接到 productdetail .aspx 并且如果您选择 categorydatasource 的一个项目（在这个问题中不可见），它将页面重定向到 categorydetail.aspx

I want to build a tags input like the one in StackOverflow. I am trying to use Meteor collections as the remote or prefetch data for Typeahead Bloodhound because I want to eventually use Bootstrap Tokenfield.

According to their documentation and examples, a url to the JSON data is absolutely required. How can I provide the data, preferably reactively, to Bloodhound? I have looked into the Meteor Typeahead package, but I can't figure out how to use it with the Meteor Tokenfield package.

Below is what I've tried to do, but it doesn't work. :(

I prefer not to build an API, but if I have to, how do I provide the data?

这是一个代码片段：

就目前而言，建议按“id”排序，我想更改它，以便排序取决于我的查询。我曾尝试包含一个 $("#autocomplete").typeahead("val") （在排序器函数中），但这很慢，而且对于手头的问题来说似乎有点矫枉过正。

我想用“startswith”过滤器过滤结果。现在，下面的代码会抓取与结果中任何单独的单词匹配的所有内容。因此，当用户键入“ex”时，“example”和“one two example”都会被过滤掉。如何更改此行为，以便仅过滤掉“示例”？

我正在将 Typeahead.js 与 Bloodhound 建议引擎一起使用，并希望用户在搜索框中单击后立即显示该列表。

我发现这个 stackoverflow 问题（Twitter TypeAhead 以编程方式显示所有结果）与我相同，答案指向解决问题的 jsfiddle：http: //jsfiddle.net/5xxYq/

伟大的。

然而，它似乎只在不使用寻血猎犬作为预输入源时才有效。

例如，我分叉了他们的工作示例并将预输入源切换为使用 Bloodhound：http: //jsfiddle.net/5xxYq/31/。建议引擎工作正常（当我键入jo列表时出现），但是让建议出现在点击上的小技巧似乎不再起作用了。

关于如何使建议列表出现在用 Bloodhound 点击时的任何想法？

谢谢！

我正在使用 Bootstrap 3.2.0 和 jQuery 2.1.1。

我已经实现了预先输入的搜索建议，现在想更进一步。我正在使用远程方法，并希望向将运行 SQL 脚本的 PHP 发送的不仅仅是查询：

我还尝试构建 URL 并将其保存为变量。然后尝试在远程调用该变量。

由于我不特别知道这个 url 是如何被解析和使用的，或者是如何添加 %QUERY 的，我假设我的问题在于我缺乏关于 typeahead 是如何处理这个的知识。

我认为这将是一个相当普遍的要求，但谷歌让我失望了。任何人有任何建议或可以向我指出使用预先输入查询发送附加信息的示例？