我不确定如何为我的搜索功能添加自动完成表单。"get"do%>nil%>我有一个具有自定义操作的Controllerdefquery@users=Search.user(params[:query])@article=Search.article(params[:query])end模型如下:defself.user(search)ifsearchUser.find(:all,:conditions=>['first_nameLIKE?',"%#{search}%"])elseUser.find(:all)endenddefself.article(search)ifsearchArt
我如何像这样从Bootstrap中集成typeahead:变成这样的标准形式: 最佳答案 在你的Controller中defindex@autocomplete_items=Model.allend在您看来,就像您为选择器添加了一个额外的ID...最重要的是,将Controller中定义的@autocomplete_items实例变量传递给View中的Javascript变量:这将序列化您的数据并使其成为可用于Typeahead函数的JSON。至于Typeahead,只需将该对象(@autocomplete_items)作为JSON
我有一个选择框(Specie)和一个typeAhead输入字段(Breed),我需要更新选择框的更改,我有以下代码。SelectaSpeciesDogCatHorse$(document).on('change','.specie-breed',function(){letspecie=this.value;$('#breed').typeahead({source:function(query,process){return$.get('/get/breeds/'+specie,{query:query},function(data){console.log(data);return
我正在使用Typeahead设置表单。我有两个彼此相邻的输入字段,我需要对每个输入字段进行自动完成。我的HTML看起来像这样:presentationchemicalpresentationchemical每个input字段将通过查看API端点自动完成。这应该是/api/1.0/code?type=presentation&code=123的形式或/api/1.0/code?type=chemical&code=123.type的值API调用中的参数应取决于的值每个输入字段旁边的元素。我遇到的问题是我不知道如何告诉Bloodhoundtype是什么参数应该是。理想情况下,我想将其传递给
我正在尝试使用typeahead来显示谷歌建议。Ajax调用工作正常并且数据正确返回:在执行returnprocess(data);之前数据包含以“w”开头的字符串数组。data=["walmart","weather","wellsfargo","worldstarhiphop","walgreens","wikipedia","whitepages","worldcup","webmd","weatherradar"]但是显示的建议显示“未定义”而不是真实的单词。知道我在这里缺少什么吗?谢谢。$('.typeahead').typeahead({hint:true,highligh
假设我有一个使用typeahead.js的包含多个字段的表单,对于某些字段,我希望将以前填充的表单字段的值作为查询的一部分传递。例如JavaScript:$('#Last_Name').typeahead({name:'typeahead',remote:'Search.pl?query=%QUERY'.template:[......].join(''),engine:Hogan});由于我有多个输入框,有些应该将其他输入框的ID和值作为远程查询的一部分传递,我想知道是否有通用的方法将ID和值附加到此字符串仅当字段包含值。提前致谢 最佳答案
我将typeahead与angular.js指令一起使用,但我填充自动完成的函数进行了异步调用,我无法返回它来填充自动完成。无论如何让它与这个异步调用一起工作? 最佳答案 我可以假设您正在使用Bootstrap2.x的typeahead吗?如果是这样,在文档中,typeahead()选项的source字段的描述是这样的:Thedatasourcetoqueryagainst.Maybeanarrayofstringsorafunction.Thefunctionispassedtwoarguments,thequeryvaluein
我从json中获取值并传递给自动完成搜索字段。[{"id":1,"name":"JAVA"},{"id":2,"name":"cakePHP"},"id":3,"name":"Android"}]例如,当我点击JAVA时,我想获取JAVA的id,比如www.example.com/1J查询代码:$('#search').typeahead({ajax:'/searchendpoint/search',onSelect:function(){window.location="/home/view/"+$(this).val().id;}}); 最佳答案
我正在使用typeahead.js(不是Bootstrap2.x版本!)具有数据的本地数据集,在任何给定点都没有请求其他数据。我试图在输入字段获得焦点时呈现所有建议,然后在用户类型时简单地过滤它们。这question满足相同的需求,但只有当我有一些要搜索的标记时,接受的解决方案才有用-在我的例子中,我想显示所有内容,而不仅仅是具有Uni*标记的数据。是否可以通过未记录/晦涩的方法来做到这一点,还是我必须破解它的来源? 最佳答案 我想实现类似的事情,所以我看了一下typeahead代码并一起破解了一些东西,如下所示:它在处理占位符和在
我正在做一个项目,我正在使用Siyfion'sangularTypeahead.我有一个用于搜索用户的Typeahead。当在建议下拉列表中找到用户名时,您应该能够单击名称或按回车键直接发帖,而不需要按按钮来发帖。为此,我需要“捕获”其中一个用户名的点击或返回事件。你会在下面找到它的html和js,我还制作了一个plunker使事情更清楚。有人知道我如何捕捉点击和返回事件吗?欢迎所有提示!这是JS代码:varapp=angular.module('plunker',['siyfion.sfTypeahead']);app.controller('MainCtrl',function($