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>

で、できちゃう。簡単。

ドラッグ&ドロップできたら、場所を覚えておきたい!

よね、やっぱり。
と、調べている途中で他のことが気になり出したので、一次休止