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

執筆者:

関連記事

Rails3.2のproduction環境で動画再生~flowplayer+carrierwave+nginx+unicorn

  By: Creative Tools – CC BY 2.0 目次1 前提2 unicornの設定3 nginxのインストール4 nginxの設定5 アセット関係6  ストリ …

Rubyでウェブサイトを操作してリストをつくる〜mechanize

    By: JoshSemans   以前からRailscastsというRuby on Railsの動画サイトが好きでよく見ているのだが、380近く動画があって気にな …

SimpleCovのカバレッジをvimに表示させる~simplecov-vim

      github.com/nyarly/Simplecov-Vim 参照 Rails3でテストカバレッジを計測する~simplecov,thin 自分のgem上の …

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD(後編)~fullcalendar-rails

目次1  前回2 UPDATE1~バグの訂正3 UPDATE2 ~ ドラッグとリサイズでデータ更新4 DELETE~イベントの削除5 バグがあった → 解決しました!6  herokuにサンプルアップ …

RubyでWebを操作できるMechanizeの利用例を集めてみた

By: nubobo – CC BY 2.0 目次1 公式2 使い方など3 リンク 公式 mechanize.rubyforge.org/ 使い方など Mechanize について 楽々ス …