`
sunfengcheng
  • 浏览: 183793 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自动完成文本字段

阅读更多
如果你输入文本字段的时候自动填充短语 或者单词,那么这里将告诉你很容易i的实现。

首先定义一个迁移数据库,
db/migrate/001_create_musicians.rb:

class CreateMusicians < ActiveRecord::Migration
  def self.up
    create_table :musicians do |t|
      t.column :name, :string
    end

    Musician.create :name => 'Paul Motion'
    Musician.create :name => 'Ed Blackwell'
    Musician.create :name => 'Brian Blade'
    Musician.create :name => 'Big Sid Catlett'
    Musician.create :name => 'Kenny Clarke'
    Musician.create :name => 'Jack DeJohnette'
    Musician.create :name => 'Baby Dodds'
    Musician.create :name => 'Billy Higgins'
    Musician.create :name => 'Elvin Jones'
    Musician.create :name => 'George Marsh'
    Musician.create :name => 'Tony Williams'
  end

  def self.down
    drop_table :musicians
  end
end




接着 ,将这个表和一个 Active Record  模型联系起来。

app/models/musician.rb:

class Musician < ActiveRecord::Base
end





下一步  使用布局中的javascript_include_tag   来包含 JavaScript 库

/views/layouts/musicians.rhtml:

<html>
<head>
  <title>Musicians: <%= controller.action_name %></title>
  <%= javascript_include_tag :defaults %>
</head>
<body>

<%= yield %>

</body>
</html>


控制器包含一个对auto_complete_for 的调用, 这个方法的参数是模型对象 以及用作自己自动完成的对象的字段。
app/controllers/musicians_controller.rb:

class MusiciansController < ApplicationController

  auto_complete_for :musician, :name

  def index
  end

  def add
    # assemble a band...
  end
end


通常需要自动完成的字段会作为一个表单 的一部分,在这里我们就创建一个简单的表单来输入音乐家。
app/views/musicians/index.rhtml:

<h1>Musician Selection</h1>

<% form_tag :action => :add do %> 
  <%= text_field_with_auto_complete :musician, :name %>
  <%= submit_tag 'Add' %>
<% end %>
3
3
分享到:
评论

相关推荐

    Paradigms4:创建自动完成文本字段

    创建自动完成文本字段 自动完成 备份您以前的作业。 创建一个扩展 javax.swing.JTextField 的类。 您可以将其称为“AutoCompleteTextField”或类似名称。 这个想法是用户可以在这个字段中输入几个字母,它会帮助...

    flutter-autocomplete-textfield:用于flutter的自动完成文本字段

    颤振的自动完成文本字段 拉取请求 随意提交请求请求以进行所需的更改/功能/错误修复...由于我不再频繁使用Flutter,这使此代码的维护变得更加容易。 酒吧包可以在找到 重大变化 默认情况下,TextField设置为在建议...

    typeahead_example:创建一个自动完成文本字段以根据Flutter中的建议搜索JSON数据

    Flutter教程-自动完成文本字段和自动完成搜索 创建一个自动完成文本字段以根据Flutter中的建议搜索JSON数据。 :victory_hand: 预览应用预览课程预览 ➜ :television: 看视频,其中说明了源代码。 ➜ :high_voltage: ...

    文本字段自动完成控件

    作者NeverHopeless,源码NHAutoCompleteTextField,NHAutoCompleteTextField 是文本字段自动完成控件,按照搜索标准过滤列表,选择处理下拉方向和突出搜索用户类型。NHAutoComplete 要求 ARC。

    Scriptaculous-Ajax.pdf

    Scriptaculous-Ajax.pdf文档主要聚焦于展示如何利用Scriptaculous JavaScript库的Ajax特定功能,如自动完成文本字段和原地编辑器,来增强Web应用的交互性和响应速度。这些特性对于现代Web开发至关重要,尤其是那些...

    如何使SQL*FORMS具有文本字段处理功能.pdf

    笔者经过反复实践,找到了一个较为简便的解决方法,即利用 SQL*FORMS 在触发器中提供的系统调用命令来调用外部编辑器,使之能自动编译与当前记录相应的文本字段。 具体实现方法如下: 首先,需要在 FORMS 表格后面...

    LaravelNova文本字段支持单击复制功能

    在Laravel Nova中,开发人员经常需要为用户提供方便的方式来处理数据,这包括快速访问和操作文本字段中的信息。"Laravel Nova文本字段支持单击复制功能"是一个实用的增强,它使得用户能够更加便捷地复制展示在 Nova ...

    Rails Recipes Final.pdf

    **Autocomplete a TextField**:自动完成文本字段,通过Ajax请求实现对输入框内容的建议提示,提升用户体验。 5. **Creating a Drag-and-Drop Sortable List**:创建拖拽排序列表,使得用户能够直观地通过拖拽元素...

    易语言自动生成字段名

    总的来说,易语言自动生成字段名的功能结合了易语言的易用性与数据库设计的最佳实践,帮助开发者高效地完成数据库设计工作。通过理解这一功能的工作原理和应用场景,我们可以更好地利用易语言提升编程效率,降低开发...

    FLASH中文本区文本自动滚动

    - `TextField.scrollV`属性:设置或返回文本字段的垂直滚动条位置。 - 定时器(`flash.utils.Timer`类):创建一个定时器,每隔一定时间调整`scrollV`属性,从而实现文本的自动滚动。 5. **事件监听**:可能使用...

    editplus自动完成代码

    EditPlus是一款功能强大的文本编辑器,尤其受到程序员的青睐,因为它具有丰富的代码高亮、语法检查和自动完成等特性。本文将深入探讨“EditPlus自动完成代码”这一主题,包括如何自定义自动完成的代码。 在编程过程...

    jQuery-自动完成:jQuery的Ajax自动完成功能使您可以轻松地为文本输入字段创建自动完成自动建议框

    jQuery的Ajax自动完成jQuery的Ajax自动完成功能使您可以轻松地为文本输入字段创建自动完成功能/自动建议框。 除jQuery外,它没有其他依赖项。 缩小后,标准的jquery.autocomplete.js文件约为13KB。API 以下内容为...

    Omnibar:支持术语自动完成和键盘导航的文本字段组件

    在文本字段本身内提供搜索项的自动完成。 因此,如果您键入“ aard”,Omnibar将在示例应用程序中建议使用术语“ aardvark”:基于委托的方法显示值调用display(content: OmnibarContent)更改display(content: ...

    php自动完成用的配置文件

    自动完成是IDE或文本编辑器的一种特性,当用户在编写代码时,编辑器会根据上下文提供可能的代码片段或函数选择,用户可以通过快捷键或点击菜单选择来快速插入这些代码。这对于频繁使用的函数、类名和常量特别有用,...

    WeatherStation:两个城市的5天天气预报

    它使用OWMJapis-2.5.2.1来检索数据,并使用ControlsFX 8.40.14自动完成文本字段来选择所需的城市。 该应用程序需要来自OpenWeatherMap的city.list.min.json.gz文件: ://bulk.openweathermap.org/sample/另外,您还...

    Pb中实现自动换行

    在PB(PowerBuilder)中,自动换行是一项常用且实用的功能,特别是在处理大量文本数据时,它能确保文本在限定的空间内清晰可见,避免水平滚动条的出现,提高用户体验。本文将详细解析在PB中实现自动换行的方法,并...

    文本框自动完成

    标题中的“文本框自动完成”是指在编程中实现的一种功能,它允许用户在输入文本时获得预测性建议,类似于常见的编程IDE(集成开发环境)中的Intellisense特性。Intellisense是Visual Studio等IDE中的一项强大工具,...

    jautocomp-开源

    2. **自动完成文本字段**: 在Java Swing中,`jautocomp`提供了一个定制的`JTextField`子类,当用户在文本字段中输入时,它可以动态显示与输入内容匹配的建议列表。这种功能在许多应用场景中非常实用,比如搜索框、...

    Mdb字段创建Mdb字段创建

    在Access中,字段是表的基本构建块,用来存储特定类型的数据,如文本、数字、日期/时间等。 在创建Mdb字段时,你需要遵循以下步骤: 1. **打开Access数据库**:首先,你需要打开包含你要修改的表的.Mdb文件。可以...

    AutoCompleteTextField_Swift

    AutoCompleteTextField_Swift 是一个基于Swift编程语言实现的自动完成文本字段库。这个库的主要目的是为iOS应用提供一种高效且用户友好的方式,让用户在输入时能够快速选择建议的匹配项,通常用于搜索框或者地址输入...

Global site tag (gtag.js) - Google Analytics