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
-, ,

執筆者:

関連記事

Rails4.0でもajaxなデータテーブルを使う~ajax-datatables

Railsでajaxなテーブルを使う~datatables Rails4でのJSONテンプレート~jbuilder+rabl+ruby 目次1 index.json.jbuilder2 tasks.j …

no image

railsでdocxを生成する動画

  知り合いに試しに使ってもらうのに動画を作成しました

簡単にグラフが作成できるC3.jsをRailsでつかってみた

By: Nguyen Hung Vu – CC BY 2.0 目次1 C3.js2 gon3 複数の時系列データで一方にはある時点のデータがあるけど他方にはある時点のデータがないみたいな場 …

RailsでこんにちはBackbone.Marionette

By: palindrome6996 – CC BY 2.0 自分の中でmarionette熱がだんだんと高まりつつあり、特徴的なItemView、CollectionView、Compo …

RailsでOAuthを使うには~OmniAuth

By: Freenerd – CC BY 2.0   github.com/intridea/omniauth   目次1 OmniAuthの受け持つ役割2 Rails …