当前位置：文江博客话题详情

“建议” Rails 应用程序中文本框的功能

发布于 2024-07-06 08:55:09 字数 112 浏览 8 评论 0原文

我正在寻找一种最简单的方法来实现 Rails 应用程序中文本输入字段的“建议”功能。这个想法是完成存储在数据库列中的名称，在用户键入时为用户提供可能匹配的下拉菜单。

感谢您的任何建议！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

国粹 2024-07-13 08:55:09

Rails 使用 text_field_with_auto_complete 方法使文本字段的“建议”式自动完成变得非常简单。

在 Rails 1.x 中，此方法内置于 ActionView::Helpers:: JavaScriptMacrosHelper，但对于 Rails 2.x，它已移至一个单独的插件< /a>.

假设您有一个名为 Post 的模型，其中有一个名为 title 的文本字段。在您看来，通常使用 text_field_tag （或 f.text_field）的地方，只需使用 text_field_with_auto_complete 代替：

<%= text_field_with_auto_complete :post, :title %>

此外，在 PostsController 中，你必须做出相应的声明：

class PostsController < ApplicationController
  auto_complete_for :post, :title
end

这在幕后所做的就是向控制器动态添加一个名为 auto_complete_for_[object]_[method] 的操作。在上面的示例中，此操作将被称为 auto_complete_for_post_title。

值得指出的是，此自动生成操作使用的 find 调用将作用于所有模型对象，例如 Post.find(:all, ... ）。如果这不是您想要的行为（例如，如果想要根据登录用户将搜索限制为 Post 的特定子集），那么您必须定义自己的 控制器中的 auto_complete_for_[object]_[method] 操作。

Rails makes 'suggest'-style auto completion on text fields really easy using the text_field_with_auto_complete method.

In Rails 1.x this method was built into ActionView::Helpers::JavaScriptMacrosHelper, but for Rails 2.x it was moved to a separate plugin.

Let's say you have a model called Post which has a text field called title. In your view, where you would normally use text_field_tag (or f.text_field), just use text_field_with_auto_complete instead:

<%= text_field_with_auto_complete :post, :title %>

Additionally, in PostsController, you have to make a corresponding declaration:

class PostsController < ApplicationController
  auto_complete_for :post, :title
end

What this does behind the scenes is dynamically add an action called auto_complete_for_[object]_[method] to the controller. In the above example this action will be called auto_complete_for_post_title.

It's worth pointing out that the find call used by this auto-generated action will act across all model objects, e.g. Post.find(:all, ...). If this isn't the behaviour you want (for example, if want to restrict the search to a specific subset of Posts based on the logged in user) then you have to define your own auto_complete_for_[object]_[method] action in your controller.

回复收藏 0 原文

み青杉依旧 2024-07-13 08:55:09

Ruby on Rails 具有可用的原型框架。该框架由 Script.aculo.us 使用，它提供了一个自动完成器控件可能会提供您正在寻找的功能。

回复收藏 0 原文

×眷恋的温暖 2024-07-13 08:55:09

编辑：我将把这个答案留在这里作为一种理论参考点，但听起来像自动完成器答案可能对您更有用:)

免责声明：虽然我在 Google 工作（它在各种 UI 中显然有“建议”元素），但我还没有看过任何围绕该区域的代码，甚至没有与任何人谈论客户端方面。

服务器端语言可能与这里无关。重要的是客户端需要 AJAX。

我建议您有一个大约 1 秒的计时器（尝试找到最佳点），每次用户在文本框中输入击键时都会重置该计时器，如果用户离开文本框则该计时器会取消。如果计时器触发，则让它触发 AJAX 请求。 AJAX 请求将包含用户目前输入的内容。 AJAX 响应应该是建议列表和原始请求文本。

如果当 AJAX 响应返回时，文本框中的文本仍然与响应中的字段相同（即用户此后没有键入过内容）并且文本框仍然具有焦点，则提供一个下拉列表。（必须有数百个关于 HTML 组合框的示例页面才能完成这方面的工作。）

服务器所需要做的就是通过执行搜索并适当格式化响应来响应 AJAX 请求 - 这比客户端容易得多！

希望有所帮助 - 抱歉没有任何示例代码，但我怀疑它涉及很大，而且我并不是真正的 JavaScript 开发人员。

回复收藏 0 原文

半﹌身腐败 2024-07-13 08:55:09

与 Rails 中的大多数事情一样，有多种方法可以做到这一点。 Rails 曾经包含一组内置的自动完成帮助程序，但该功能现在已被删除到 auto_complete 插件中。这可能是您实现所需内容的最简单方法 - 控制器中的一个简单命令，您视图中的一些简单内容 - ta-dah。要使用此解决方案，您只需将该插件安装到您的应用程序中 - 请参阅此页面，其中介绍了您需要了解安装并开始使用的所有信息。

正如另一个答案中所述，走这条路将利用与 Rails 捆绑在一起的原型和脚本化 AJAX 框架。还有其他 AJAX 框架，特别是 JQuery，也可以帮助您完成此功能，但您将需要更多的学习来使用它们，而不仅仅是使用插件。

回复收藏 0 原文

心碎无痕… 2024-07-13 08:55:09

您也可以尝试这种稍微手动的方法

# your_view.rhtml

<%= text_field 'contact', 'name', :id => 'suggest' %>
<div id='dropdown' style='display:none; z-index: 100; background: #FFFFFF'></div>

<script>
  new Ajax.Autocompleter('suggest', 'dropdown', "<%= url_for :controller => 'contacts', :action => 'suggest_name' %>") 
</script>

# contacts_controller.rb

def suggest_name
  query_string = params[:contact][:name]
  @contacts = Contact.find.all :conditions => ['name ilike ?', "%#{query_string}%"]
  render :partial => 'name_suggestions'
end

# contacts/_name_suggestions.rhtml

<ul>
<% for contact in @contacts %>
  <li><%= contact.name %></li>
<% end %>
</ul>

You can also try this slightly more manual approach

# your_view.rhtml

<%= text_field 'contact', 'name', :id => 'suggest' %>
<div id='dropdown' style='display:none; z-index: 100; background: #FFFFFF'></div>

<script>
  new Ajax.Autocompleter('suggest', 'dropdown', "<%= url_for :controller => 'contacts', :action => 'suggest_name' %>") 
</script>

# contacts_controller.rb

def suggest_name
  query_string = params[:contact][:name]
  @contacts = Contact.find.all :conditions => ['name ilike ?', "%#{query_string}%"]
  render :partial => 'name_suggestions'
end

# contacts/_name_suggestions.rhtml

<ul>
<% for contact in @contacts %>
  <li><%= contact.name %></li>
<% end %>
</ul>

回复收藏 0 原文

~没有更多了~