Tag: typeahead.js

Typeahead始终只显示5个建议

我有以下代码使用Typeahead.js作为建议。 我没有关于代码的重大问题，因为它工作正常。 我面临的一个小问题是，任何给定的时间，即使远程URL中有超过5条建议，我也只看到5条建议。 var isearch = new Bloodhound({ datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); }, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: “http://localhost/search/get-data/%QUERY” }); isearch.initialize(); $(“#search_box .typeahead”).typeahead(null,{ name: “isearch”, displayKey: “value”, source: isearch.ttAdapter(), templates: { suggestion: Handlebars.compile(“{{value}}”) } }); 我的期望是有更多的建议，应该有一个滚动条供用户查看。

Typeahead和Bloodhound – 如何获得JSON结果

我有国家的json列表： http ： //vocab.nic.in/rest.php/country/json 我正在尝试使用Bloodhound建议引擎获取country_id和国家名称。 我试过以下代码： var countries = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘country_name’), queryTokenizer: Bloodhound.tokenizers.whitespace, limit: 10, prefetch: { url: ‘http://vocab.nic.in/rest.php/country/json’, filter: function(response) { return response.countries; } } }); $(‘#my-input’).typeahead({ hint: true, highlight: true, minLength: 1 }, { name: ‘states’, displayKey: ‘value’, source: countries.ttAdapter() }); 哪个不起作用。 我该如何更改代码才能使其工作？

Typeahead.js – 在多个属性值中搜索

请参阅下面的示例。 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; eg 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”, }] }, […]

Typeahead Bloodhound POST请求

我似乎无法获得正确使用POST的远程查询。 var creditors = new Bloodhound({ datumTokenizer: function (d) { return Bloodhound.tokenizers.whitespace(d.value) }, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: “../getCreditors”, replace: function(url, query) { return url + “#” + query; }, ajax : { type: “POST”, data: $.param({q: queryInput.val()}) } } }); queryInput.val（）只获取对象的当前值，而不是实例化bloodhound对象时的值。 如何将查询字符串放入ajax数据选项中？

在typeahead搜索中出现重复记录

我正在使用typeahaead.js实现typeahead搜索，但是作为typeahead搜索框中的类型，在建议下拉列表中每个记录都会出现两次。我检查了数据源（即POST api调用），它只有唯一的记录。我在哪里做错了？帮助或相关链接。 即便控制也不会重复检测器。 这里讨论了类似的问题，但没有解决方案。 var result = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘value’), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: ‘https://api1.com/idocs/api’, wildcard: ‘%QUERY’, rateLimitWait: 300 , transport: function (opts, onSuccess, onError) { var url = opts.url; $.ajax({ url: url, type: “POST”, success: onSuccess, error: onError, }); }, filter: function (data) { if (data) { return $.map(data, function (object) { […]

TypeAhead.js和Bloodhound显示奇数个结果

我的前端有一个TypeAhead / Bloodhound实现，它从Play / Scala服务器获取JSON数据。 Typeahead-version是0.11.1。 实施如下： HTML： JavaScript的： var engine = new Bloodhound({ datumTokenizer: function (datum) { var fullName = fullName(datum); return Bloodhound.tokenizers.whitespace(fullName); }, queryTokenizer: Bloodhound.tokenizers.whitespace, identify: function(obj) { return obj.id; }, remote: { url: routes.controllers.Users.index(“”).url, cache: false, replace: function (url, query) { if (!isEmpty(query)) { url += encodeURIComponent(query); } return url; }, filter: […]

在twitter typeahead的每个keyup上更新JSON

我有一个带有输入字段的html页面。 每次在这个字段中键入内容时，都会使用jQuery调用php脚本。 这个php脚本返回一个JSON，其中包含基于输入字段的特定查询的结果。 这工作正常，我在console记录输出。 var r = jQuery(function($) { $(‘#name’).keyup(function() { var input = $(‘#name’).val(); var response = $.getJSON(‘get_names.php’, {input: input}); response.done(function (names) { console.log(names); }); }); }); 现在的问题是，我需要将其与twitter引导程序（ 在typeahead.js中的第一个示例）合并，以便每次使用php脚本计算所使用的json（以下代码中的状态），而不是记录到console 。该领域的内容。 $(document).ready(function() { var substringMatcher = function(strs) { return function findMatches(q, cb) { var matches, substringRegex; // an array that will be populated with substring […]

Bootstrap 3.0 RC1的预先输出问题

我正在尝试使用Twitter Typeahead和Bootstrap 3 RC1，因为Bootstrap在版本3上删除了自己的typeahead插件。 我在表单上使用以下HTML： Search: Search 在不添加Typeahead的情况下，搜索输入字段显示如下： 然后我添加了Typeahead，如下所示： $(‘#query’).typeahead({ local: [‘alpha’, ‘bravo’,’charlie’,’delta’,’epsilon’,’gamma’,’zulu’] }); 场地变小了，里面有一个白色的矩形。 我做错了什么，或者只是Typeahead或Bootstrap 3 RC1上的错误？