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

執筆者:

関連記事

no image

Rails3でTwitter Bootstrapのサーチフォームを実装する~form_tag

目次1 git & gitolite2 仕組みを考える3 フィーチャの作成4 Viewの作成5 Controllerの作成6 Modelの作成7 テストが通らない!8 mergeして終わり g …

Deviseのユーザーと既存のMongoidモデルを関連づける

前提 Rails3.2でHTML5で取得した位置情報をMongoDBに保存してGoogleMapsでみる~mongoid、gmaps4rails Rails3.2+Mongoidでログイン機能~dev …

Rubyで静的ページをジェネレート〜middleman

静的ページのジェネレータとしてはjekyllやこれを使ったoctopressなどがメジャーなようで middlemanもそんな静的なページのメジャーなジェネレータの1つ middlemanの利点は次の …

Rails3.2でFacebook風インターフェイスでタグづけ〜acts-as-taggable-on+jquery.tokenInput

By: Mauquoy Token Company – CC BY 2.0 railscasts.com/episodes/258-token-fields?language=ja&#03

no image

Rails4とPostreSQL9.3で全文検索〜pg_bigm

目次1 準備2 migration3  使い方 準備 エクステンションを導入しておく Ubuntu Server12.04でPostgreSQL9.3をつかう〜pg_bigmで全文検索 migrati …