LoginSignup
1
2

More than 5 years have passed since last update.

jQueryUI Sortable 2つのリスト間のソート後の値をDBに保存するには

Last updated at Posted at 2015-04-15

jQuery UIのSortableを使って、リストの並びを動的に変更し、その情報をDBに登録するアプリを作成しています。環境はSeasar2(SAStruts/S2JDBC),Java,jsp,jQuery,javascriptです。

質問があるのですが、
結論から言うと

jQueryUI Sortable 2つのリスト間のソート後の値をDBに保存するにはどうしたらいいでしょうか?

現在次のような画面を作りました。この2つのリスト間をタスクバーが移動できるようにしています。jQueryUIのSortableを使って。
キャプチャ.JPG

やることリストに関しては順番を変えた後、ページ更新(F5)しても順番が元に戻らないよう、この並び順を送信ボタンを押すとDB更新できるようにしています。

しかし、やることリストから実施中にバーを移動させてからページ更新をすると、元の位置に戻ってしまうようになっています。

これを同じくDB更新して値を保存できるようにしたいのですが、どうしたらいいでしょうか?

大まかな流れだけでもいいので教えて頂けるとありがたいです。

私がやろうとしていることは、
テーブルを新たにもう一つ作り、
リスト間を移動したとき用のinsert,deleteメソッド
実施中リストの中で順番が変わったときにソート番号を更新するupdateメソッド
を作ろうと考えています。

しかし、やってみると破綻しているところや冗長ぽいところが多く、もう少し違うやり方もあるんじゃないかなと思っています。

ご協力お願いします。

1
2
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2