script.aculo.us でドラッグ&ドロップ on Rails
さてさて夏休みのお勉強ひきつづき。
formで入力したものを、ajaxでdbにおくりつつ、
viewに表示するところまでできたので、
今度は表示を単なるlistとしてではなくて、
ドラッガブルなlistにしちゃおうと思う。
きっとそれってscript.aculo.usでできちゃうんだよね!
と、いうことで、
今日はscript.aculo.usのお勉強。
まずヘッダー
layoutのheadに以下を追加。
# prototype.js、effect.js、dragdrop.js、control.jsを読み込むよ。
<%= javascript_include_tag :defaults %>
そしたら、
<ul id="items"> <% @items.each do |i|-%> <% if i.content -%> <li id="item<%= i.id %>"><%= i.content %></li> <%= draggable_element "item"+i.id.to_s %> <% end -%> <% end -%> </ul>
で、できちゃう。簡単。
ドラッグ&ドロップできたら、場所を覚えておきたい!
よね、やっぱり。
と、調べている途中で他のことが気になり出したので、一次休止