两个autocomplete 的插件

最新推荐文章于 2022-11-22 18:56:11 发布

wssxy

最新推荐文章于 2022-11-22 18:56:11 发布

阅读量869

点赞数

分类专栏： Ruby 文章标签： autocomplete books include layout javascript rails

Ruby 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一款基于jQuery和Prototype的Ruby on Rails自动补全插件，该插件能够将JavaScript数组推送至前端实现自动补全功能，并且样式易于修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,jQueryAutoComplete
http://rorplugin.googlecode.com/svn/trunk/jquery_auto_complete/

jQueryAutoComplete is a jQuery-based Ruby on Rails AutoComplete plugin.
jQueryAutoComplete lets you push a JavaScript Array to the front page for auto-completion to use.
jQueryAutoComplete's style is easy to modify, please refer to public/stylesheets/jquery.autocomplete.css
============

Usage:

Java代码

======================
books_controller.rb:
--------
def books_for_lookup
@books = Book.find(:all)
@headers['content-type'] = 'text/javascript'
render :layout => false
end
======================
books_for_lookup.rhtml:
--------
var books = [];
<% @books.each do |book|%>
books.push("<%= book.name %>");
<% end %>
======================
books.rhtml:
--------
<head>
<%= auto_complete_include "/books_for_lookup" %>
</head>
======================
search.rhtml:
--------
<div id="content">
<p>
<label>Books:</label>
<input type="text" id="suggest1" />
</p>
</div>
<%= auto_complete("suggest1", "books") %>
------------------

======================
books_controller.rb:
--------
def books_for_lookup
  @books = Book.find(:all)
  @headers['content-type'] = 'text/javascript'  
  render :layout => false  
end
======================
books_for_lookup.rhtml:
--------
var books = [];
<% @books.each do |book|%>
  books.push("<%= book.name %>");
<% end %>
======================
books.rhtml:
--------
<head>
<%= auto_complete_include "/books_for_lookup" %>
</head>
======================
search.rhtml:
--------
<div id="content">
	<p>
		<label>Books:</label>
		<input type="text" id="suggest1" />
	</p>
</div>

<%= auto_complete("suggest1", "books") %>
------------------

2,PrototypeAutoComplete
http://rorplugin.googlecode.com/svn/trunk/prototype_auto_complete/

PrototypeAutoComplete is a Prototype-based Ruby on Rails AutoComplete plugin.
PrototypeAutoComplete lets you push a JavaScript Array to the front page for auto-completion to use.
PrototypeAutoComplete's style is easy to modify, please refer to public/stylesheets/prototype.autocomplete.css
============

Usage:

Java代码

======================
books_controller.rb:
--------
def books_for_lookup
@books = Book.find(:all)
@headers['content-type'] = 'text/javascript'
render :layout => false
end
======================
books_for_lookup.rhtml:
--------
var books = [];
<% @books.each do |book|%>
books.push("<%= book.name %>");
<% end %>
======================
books.rhtml:
--------
<head>
<%= auto_complete_include "/books_for_lookup" %>
</head>
======================
search.rhtml:
--------
<div id="content">
<p>
<label>Books:</label>
<input type="text" id="suggest1" />
</p>
</div>
<%= auto_complete("suggest1", "books") %>
------------------

======================
books_controller.rb:
--------
def books_for_lookup
  @books = Book.find(:all)
  @headers['content-type'] = 'text/javascript'  
  render :layout => false  
end
======================
books_for_lookup.rhtml:
--------
var books = [];
<% @books.each do |book|%>
  books.push("<%= book.name %>");
<% end %>
======================
books.rhtml:
--------
<head>
<%= auto_complete_include "/books_for_lookup" %>
</head>
======================
search.rhtml:
--------
<div id="content">
	<p>
		<label>Books:</label>
		<input type="text" id="suggest1" />
	</p>
</div>

<%= auto_complete("suggest1", "books") %>
------------------

Screenshot:

描述: Screenshot
大小: 16.5 KB