jQuery UI Railsで使えるGem

Rails3.2でフォームの順番をjQuery UI sortableで並べ替えてSubmit~acts_as_list

投稿日:

 

railscasts.com/episodes/147-sortable-lists-revised?language=ja&view=asciicast

 

Gemfile

いまはこちらが本家

github.com/swanandp/acts_as_list

 

model

wikiのとおりにModelにacts_as_listと書けばいい

has_manyで関連するモデルをいい感じに扱いたいときは

 

これで新規作成のときも関連するモデルとかを考えて適切な順番を振ってくれる

View

positionは隠しフィールドにしておいて

 

jQuery UI

細かいことを考えずに上から番号を振り直せばOK

セレクタの絞り込み方はもっとスピードがあがる方法があるかと思う

これでhiddenが上から順番に並び替えられた

今回はキャンセルすれば順番は保存されてない

 

 

ちょっとリッチなjQuery UI Sortaleのつくりかた

 

AJAXで直接並び替えるパターンは

railscasts.com/episodes/147-sortable-lists-revised?view=asciicast

-jQuery UI, Railsで使えるGem
-, ,

執筆者:

関連記事

Railsでajaxなテーブルを使う~datatables

    github.com/rweng/jquery-datatables-rails 目次1 Gemfile2 application.js3 application.css4 …

Rails3.2でコードのお作法を指摘してもらう~Rails Best Practices

コードのお作法を自動でチェックしてくれるrails_best_practiceを導入した

あとは、Railsのルートで[crayon- …

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

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

backbone-relationalで関連するコレクションをRails3.2のAPIに投稿〜accepts_nested_attributes_for

By: Mike Baird – CC BY 2.0   backbonerelational.org/ Backbone-relationalを使って関連するコレクションをまと …

Ruby+guardでSass+Compass+CoffeeScriptの自動コンパイル環境を整える

    Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript すでにCoffeeScriptを自動Mak …