我对使用Ruby / js编码非常陌生,我需要能够允许用户搜索数据库中的其他用户。我一直试图用AJAX实现自己的功能,但我没有成功。我发现了一个关于typeahead.js的链接,我想也许这就是我需要的,但我不知道从哪里开始。请您告诉我如何使用typeahead.js让用户在选择用户之前查看建议。
这是我到目前为止所得到的:
- 我有一个允许用户创建会议的视图(搜索栏的重点是我需要他们选择他们想要与谁会面):
事件\ new.html.erb
<div class="container">
<div class="form">
<h1>Create A Meeting</h1>
<%= form_for(@event) do |f| %>
<%= f.text_field :name, :placeholder => "Title" %>
<!--< f.collection_select :location, Location.all, :id, :locName %> FOR WHEN LOCATIONS ARE A THING-->
<%= f.text_field :description, :placeholder => "Short Description" %>
<div>
<h2>Who's involved?</h2>
</div>
<div>
<h2>Check out a day and see who's free</h2>
<%= f.select :day, Date::DAYNAMES.zip((0..6).to_a) %>
</div>
<div>
<h2>when do you want it to start?</h2>
<%= f.datetime_select :starts_at, :placeholder => "when do you want it?" %>
</div>
<div>
<h2>when do you want it to end?</h2>
<%= f.datetime_select :ends_at, :placeholder => "when should it end?" %>
</div>
<%= f.submit "Create Meeting", class: "btn-submit" %>
<% end %>
<div class = "searchbar">
<%= render partial: 'customers/_search', :object => @customers, locals:{} %>
</div>
</div>
我已经部分渲染了包含搜索栏html来搜索客户(用户)(我不知道是否有必要)
这是html客户\ _search.html.erb:
<input type="text" class="search" id="searchinput" placeholder="Who's involved?">
我认为我不能使用bootstrap,但我宁愿只获得功能而不是正确的外观。我一直在看这个http://censore.blogspot.co.uk/2014/09/twitter-typeheadjs-basic-example-with.html
但我不知道如何在rails上的ruby中实现脚本。我有打字宝石。我不了解猎犬或是否需要它。
我希望能够做的就是让某人在数据库中搜索客户。就JS而言,我不知道哪些部分需要/不需要或需要更改为我的应用程序工作。
我知道这是一个非常开放的问题,但我真的是在撕扯我的头发,请有人帮助我。我不想失败
由于