jQuery UIのSortableを使って、リストの並びを動的に変更し、その情報をDBに登録するアプリを作成しています。環境はSeasar2(SAStruts/S2JDBC),Java,jsp,jQuery,javascriptです。
質問があるのですが、
結論から言うと、
ソート後の配列情報をActionクラスのメソッドに受け渡すにはどうしたらいいでしょうか?
やりたいことと致しましては、
表題にあるとおり、jQueryUI Sortableを使ってソート後の値をDBに保存したい。と思っていて
以下の流れで行おうと思っています。
(1)ソート後の配列を取得する。
(2)その配列情報をActionクラスのupdateメソッドに受け渡す。
(3)updateしてDB情報を更新する。
今(1)はある程度わかっていて、(2)のところで悩んでいます。
状況としては、
ソート後の配列情報をログに出すことができているというところです。
↓index.jsp
lang
1<ul class="jquery-ui-sortable"> 2 <h3>やることリスト(順番)</h3> 3 <c:forEach var="tasks" items="${taskList}"> 4 <li id="item_${tasks.id}" class="ui-state-default border-color-red"> 5 <c:out value="${tasks.task}" /> 6 </li> 7 </c:forEach> 8 </ul> 9 10 <script> 11 $(function() { 12 $('.jquery-ui-sortable').sortable({ 13 connectWith : '.jquery-ui-sortable' 14 }); 15 $('.jquery-ui-sortable').disableSelection(); 16 }); 17 </script> 18 <script> 19 $(function() { 20 $('.jquery-ui-sortable').sortable({ 21 update : function(ev, ui) { 22 console.log($(this).sortable("serialize")); 23 } 24 }); 25 }); 26 </script> 27</body> 28</html>
↓画面
![イメージ説明]WIDTH:600
↓TaskForm
lang
1package jp.co.tk.form; 2 3 4public class TaskForm 5{ 6 public Long id; 7 public String task; 8 public String userName; 9}
(2)のところで何がわからないかというと、
・そもそも配列はどこに格納されているのか。
**・どうやってその配列をActionクラスのメソッドに受け渡すのか。**ActionForm?
すいません。自分の中でも情報量が多く整理できていない文章になってしまいましたが、
もしアドバイスいただける方がいればよろしくお願いします。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。