Tag: typeahead

bootstrap typeahead返回名称和id

海兰！ 我正在使用twitter bootstraps typeahead： 我正在调用一个页面，该页面返回带有json_encode的响应，页面返回一个名称和一个ID， 我希望typeahead列表会显示名称列表，当我选择其中一个名称来将id值写入隐藏字段时。 调用工作正常，写一个字段应该很容易。 我不知道该怎么做是如何将名称与id分开。 现在，当我搜索某些东西时，在suggesstion列表中我可以看到返回的结果如下： name1：id1 name2：id2 我只想看到名字，但也要带上id的值。 我怎样才能做到这一点？ $(function(){ $(“#typeahead_”).typeahead( { source: function(query, process) { $.ajax({ url: ‘/getAjaxProducts’, type: ‘POST’, data: ‘query=’ + query, dataType: ‘JSON’, async: true, success: function(data) { process(data); } }); } }); });

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) { […]

Bootstrap Typeahead没有显示valueKey以相同值开头的建议

我正在使用typeahead v0.11.1来显示结果，但它没有显示结果，结果以相同的结果开头。 我从数据库得到的结果是这样的： Object { Id: 4, Title: “project manager”, Description: “project manager”, CompanyId: 1 } Object { Id: 6, Title: “Software Developer”, Description: “Software Developer”, CompanyId: 1 } Object { Id: 7, Title: “.NET Developer”, Description: “.NET Developer”, CompanyId: 1 } Object { Id: 10, Title: “Android Developer”, Description: “Android Developer”, CompanyId: 1 } […]

无法使用post响应更新Bootstrap的预先输入数据源

使用Bootstrap的typeahead javascript插件，我试图通过jQuery的$ .post方法更改数据源属性。 最初，我有： 然后，假设单击了一个按钮，它会尝试更新数据源： $(‘button’).on(‘click’,function(){ $.post(‘update.php’,function(resp){ $(‘input’).attr(‘data-source’,resp); }); }); resp XHR结果返回如下数组： [“One Option”,”Two Option”,”Three Option”] 我发现这不能使用响应中构造的新数组可靠地更新数据源。 有谁知道是什么问题？ 这似乎不会捕获所选值。 有没有人知道如何使用带引导程序的typeahead获取所选值？