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

Rails4でOpenDocumentText(.odt)を作成~serenity(未完)

StackOverFlowでの質問に返事が来てたよ!ヽ(=´▽`=)ノ stackoverflow.com/questions/13080178/encodingundefinedconversion

ElasticSearchをRubyから使う~elasticsearch-ruby

By: Harry Rose – CC BY 2.0 目次1 gem elasticsearch-ruby2 環境3 インスタンス作成4 メソッド一覧5 情報取得6 ドキュメントの作成7 …

Rails3.2でhtml5で取得した位置情報をAjaxで住所表示する~geocoder

    HTML5ではブラウザからユーザーのPCの位置情報を取得することができるGeoLocation APIというものがある (もちろんデフォルトではユーザーに確認をする設定にな …

RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails

環境 ruby 1.9.3  & rails 3.2.8 適当なscaffoldを作っておく

  github.co …

Rails3.2とBackbone.jsでサーバーサイドのフィルタリング

By: Haldane Martin – CC BY 2.0   テーブルに表示されているデータをサーチバーに入力した語で絞り込みたい こういうテーブルフィルタリングを実現する仕 …