Ruby on rails RubyonRails jQuery视觉效果
我正在RoR上开发一个搜索功能,当用户点击搜索按钮时,它基本上只是有一个很酷的视觉效果 以下是search.rhtml在我的视图中的代码Ruby on rails RubyonRails jQuery视觉效果,ruby-on-rails,ajax,jrails,Ruby On Rails,Ajax,Jrails,我正在RoR上开发一个搜索功能,当用户点击搜索按钮时,它基本上只是有一个很酷的视觉效果 以下是search.rhtml在我的视图中的代码 <html> <head> <title>Tutor</title> <%= javascript_include_tag :defaults %> </head> <body> <h1></h1>
<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>
<% for tutors in @tutors %>
<%= tutors.first_name %> <br/>
<% end %>
家教
{:action=>:search_results},:update=>“results”%>
导师搜索。
关键词搜索。
这是search_results.rhtml,它显示在search.rhtml的results div中
<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>
<% 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
class TutorsController
我想做的基本上是创建一种效果,当由于ajax调用而加载搜索结果时,它会向上滑动。我正在使用jrail。这个网站到底是怎么做到的 简而言之,要开始,您需要执行以下操作:
- 在输入字段上使用
,该字段从控制器方法检索数据,并用结果更新某个divobserve_field
- 创建相应的控制器方法以检索项目(使用
)搜索结果
- 为该控制器方法创建一个视图,该视图将显示具有所需效果和动画的数据