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のフォームにjQuery UIのSliderを使う

By: woodleywonderworks – CC BY 2.0 目次1 jQuery UI Slider2 ライブラリを読み込む3 コード4 できた jQuery UI Slider …

no image

Carrierwaveでpdfのサムネイルを作成する

no image

Rails3.2でテーブルの並び替えをリファクタリング~ヘルパー

環境 Rails3.2.8でテーブル並び替えのテストを作る~cucumberと正規表現 テストができたのでHelper化 目次1 現状2 helper3 index.html.erb 現状 共通部分が …

Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる

  By: Glory Cycles   Developing Backbone.js Applications addyosmani.github.com/backbone-fu

Rails3.2からMongoDBを使ってアプリをつくってみる~mongoid

MongoDBはとても素直で扱いやすいということがわかってきたので、以前作成した郵便番号・住所の相互検索アプリをまたつくってみた 参照 MongoDBのチュートリアルをこなす KEN_ALL.CSVを …