###前提・実現したいこと
connectWith
を利用して要素間で並び替えを実装しています。
「すべて移動」「すべて戻す」のボタンを押すと
A要素→B要素へ
B要素→A要素へ
と移動し、B要素のdata-clumn-name
を都度取得するようにしたいです。
###発生している問題・エラーメッセージ
appendTo
を利用して、要素間の移動はできています。
しかし、update
イベントを実行することができません。
###試したこと
javascript
1$(document).on "turbolinks:load", -> 2 $('#list1, #list2').sortable 3 connectWith: '.list' 4 placeholder: 'ph' 5 update:(e,ui) -> 6 result = $('#list2').sortable('toArray', attribute: 'data-clumn-name').join(',') 7 $("#csv_export_template_clumn_names").val(result); 8 $("#allMove").on "click", -> 9 $('#list1 li').each -> 10 $(this).appendTo '#list2' 11 return 12 $("#allBack").on "click", -> 13 $('#list2 li').each -> 14 $(this).appendTo '#list1'
###補足情報(言語/FW/ツール等のバージョンなど)
参考サイト
http://jsfiddle.net/h66bmtf7/4/
回答1件
あなたの回答
tips
プレビュー