0

我正在研究 RoR 上的搜索功能，当用户单击搜索按钮时，它基本上具有很酷的视觉效果。

这是我认为 search.rhtml 的代码

  <html>
  <head>
    <title>Tutor</title>
    <%= javascript_include_tag :defaults %>
  </head>
  <body>
    <h1></h1>
        <%= form_remote_tag :url =>{ :action => :search_results }, :update => "results"  %>


                    <fieldset>
                        <legend>Tutor Search.</legend>
                        <label for="searchItField">Keyword Search.</label>

                        <input class="tfield" type="text" value="FIND YOUR TUTOR HERE" name="searchItField" id="searchItField" />
                        <span id="Submit_search">

                            <span id="Submit_search_hover"><input type="submit" id="Submit" value="Search" /></span>

                        </span>
                    </fieldset>
                </form>

    <div id="results">

    </div>
  </body>
</html>

这是 search_results.rhtml，它显示在 search.rhtml 的结果 div 中

<% for tutors in @tutors %>
        <%= tutors.first_name %> <br/>
    <% end %>

最后是我的控制器和操作。

class TutorsController < ApplicationController

  def search
  end

  def search_results
     @tutors = Tutors.find_by_sql('SELECT * FROM tutors')
  end

end

我想要做的基本上是创建一个效果，当搜索结果加载时，由于 ajax 调用它会向上滑动。我正在使用 jrails。这个网站到底是怎么做的。http://keyonary.com/#/paste

4

1 回答 1

0

简而言之，要让您开始，您需要执行以下操作：

  • 在输入字段上使用observe_field，它从控制器方法中检索数据，并将使用结果更新某个 div
  • create a corresponding controller-method that will retrieve the items (use your search_results)
  • create a view for that controller-method that will show the data with the required effects and animation.
于 2010-07-28T09:40:35.167 回答