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
-

執筆者:

関連記事

no image

Ubuntu ServerのGuardからネットワーク経由でWindowsのブラウザをリロードする~guard-livereload

Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript   Ubuntu ServerのGuardからGrowl f …

Rails4.1で全文検索〜rroonga

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

no image

CarrierWaveのファイルをpublic以外に移す

  参照 How To: Secure Upload 現状でCarrierWaveのファイルがpublicという公開フォルダに置かれるのが気になったので調べてみた 違ってるかもしれないので自 …

simple_formからdatepickerを使うには~ui_datepicker-rails3

  github.com/kristianmandrup/ui_datepicker-rails3 目次1 Gemfile2 js3 css4 initializer5  使う6 できた G …

no image

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

  前回 Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails &nbsp …