使用typeahead.js在我自己的数据库中搜索?

时间:2015-12-21 12:11:48

标签: javascript jquery ruby-on-rails ruby typeahead.js

我对使用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而言,我不知道哪些部分需要/不需要或需要更改为我的应用程序工作。

我知道这是一个非常开放的问题,但我真的是在撕扯我的头发,请有人帮助我。我不想失败

由于

0 个答案:

没有答案