twitter-typeahead-rails

KO | EN

gitlite — search

#javascript #python #llm #android #linux #docker #nodejs #java #windows #cli #kubernetes #security #ios #openai

twitter-typeahead-rails

(★ 145)

Rails asset gem for Twitters typeahead.js jquery plugin

File Explorer

Download Latest Version (.zip)

- - version.rb
- twitter-typeahead-rails.rb
.gitignore
Gemfile
LICENSE.txt
Rakefile
README.md
twitter-typeahead-rails.gemspec

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Twitter typeahead.js jquery plugin

This asset gem packages the [mantained twitter typeahead.js](https://github.com/corejavascript/typeahead.js) jquery plugin for the Rails asset pipeline.

To learn more about typeahead.js read the post [Twitter's engineering blog](http://engineering.twitter.com/2013/02/twitter-typeaheadjs-you-autocomplete-me.html).

This gem includes the standard and minified versions of the assets.

## Installation

Add this line to your application's Gemfile:

gem 'twitter-typeahead-rails'

gem 'twitter-typeahead-rails', :git => "git://github.com/yourabi/twitter-typeahead-rails.git"

And then execute:

$ bundle

Or install it yourself as:

$ gem install twitter-typeahead-rails

## Usage

To start using the twitter typeahead.js plugin in your rails app enable it via the asset pipeline (app/assets/javascripts/application.js).

Add one of the following to your application.js manifest:

```js

//= require twitter/typeahead

//= require twitter/typeahead.min

```

```js

// Twitter typeahead example.

// instantiate the bloodhound suggestion engine
var numbers = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('num'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  local: [
    { num: 'one' },
    { num: 'two' },
    { num: 'three' },
    { num: 'four' },
    { num: 'five' },
    { num: 'six' },
    { num: 'seven' },
    { num: 'eight' },
    { num: 'nine' },
    { num: 'ten' }
  ]
});

// initialize the bloodhound suggestion engine
numbers.initialize();

// instantiate the typeahead UI
$('.example-numbers .typeahead').typeahead(null, {
  displayKey: 'num',
  source: numbers.ttAdapter()
});
```

Currently this version tracks version v0.11.1.

## Contributing

1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull Request

twitter-typeahead-rails

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

twitter-typeahead-rails

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README