Railsで使えるGem

Rails4.2でselectを絞込できるselect2を使ってみた〜select2

投稿日:

select2

Select2
argerim/select2-rails

Gemfile

application.js

application.css

select2を実行

データベースのデータを取得するようにしてみる.
select2からparams[:q]を投げて、controllerで絞込をして、resultをjavascriptの方で処理する.

routes.rb

ここでは、routesで、sourceというactionに飛ぶように設定する

controller

params[:q]で絞りこみ語が飛んで来る.

できた

動的に追加、削除したあとも、絞込候補は最新のデータを取得してくれる.
screenshot

-Railsで使えるGem
-

執筆者:

関連記事

RailsでECサイト構築2 注文してみる~spree

  前提 RailsでECサイト構築~spree さっきは日本に発送できなかったので、最小限の設定をして注文から入金・発送までの一連の流れをみてみる 目次1 設定2 注文してみる3 入金・発 …

Rails4.1で全文検索〜rroonga

By: Vinoth Chandar – CC BY 2.0 目次1 RailsでGroongaを使う選択肢2 サンプルのアプリ3 Gemfile4 データベースへの接続5 スキーマの設定 …

FullCalendarのagendaViewでselectの場所がずれる問題

  By: Ben Piddington 前回 Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails   gemは最新の1 …

RubyでWebを操作できるMechanizeの利用例を集めてみた

By: nubobo – CC BY 2.0 目次1 公式2 使い方など3 リンク 公式 mechanize.rubyforge.org/ 使い方など Mechanize について 楽々ス …

no image

Ubuntu server12.04でRails4とPostgreSQL9.3をつかう〜hstoreとか

目次1 準備2 rails new3 config/database.yml4 hstoreとarrayを試してみる 準備 Ubuntu server12.04にPostgreSQL9.3をインストー …