SortableJSでリスト内の要素をボタン押下で移動させたい

はじめに

リスト間で要素をドラッグ&ドロップで移動できるUIを作る際に、
SortableJSというライブラリを使うと簡単に実現できそうだったため、
導入してみました。

SortableJSのデモサイト

ドラッグ&ドロップでの移動はすぐに組み込めましたが、
ボタン押下で全要素を移動させるのに使えそうなAPIが見つかりませんでした。
結局自前で実装したので、共有したいと思います。

自前で実装した部分

ボタン押下時に単純に要素を全て移動させるだけで解決しました。

サンプル

サンプルコード全体

デモ

※画像をクリックすると、動きが確認できます。

おわりに

ライブラリがAPIを提供していないかを探すのに時間が掛かり、ハマってしまいましたが、
単純に要素を移動させるだけで解決しました。


--------------------------
システム開発のご要望・ご相談はこちらから

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です