Javascriptでテーブル行のドラッグ&ドロップ機能をトリビュートする良いライブラリやスクリプトがあるのでしょうか?私が持っている唯一の要件は、テーブル内で行をドラッグ可能でなければならず、ページ上の他のテーブルにもドラッグ可能でなければならないということです。私はあまりJQueryやJavascript自体に慣れていないので、ドラッグ&ドロップの部分を非常にシンプルにするために、自分でコードを書く必要はありません。私はJQueryが素晴らしいJavascriptライブラリだと理解していますが、このような機能はありますか?Javascriptを使用してテーブル行をドラッグ&ドロップする
5
A
答えて
4
1
あなたは今日のjQuery UIとSortable Connectsデモ
0
最もよく知られているJavaScriptライブラリが使用可能にしたいような音ドラッグ&ドロップ機能を持っています。
- のjQuery
- プロトタイプ+ Scriptaculousの:http://wiki.github.com/madrobby/scriptaculous/draggable
6
jQueryのUIがあなたのためにそれをしない
あなたがしようとを与えることができます。 tbodyタグとtheadタグを使用してテーブルを作成します。その後、いくつかのIDと使用jqueryのUIのtbodyのために設定 :ここ
$("#table_tbody").sortable();
$("#table_tbody").disableSelection();
は何が必要ですが、私はボブの答えのように、しかし、テーブルのリンクに例を編集した: Table example とコードビュー:code view
+0
行を行ではなくドラッグするとどうなりますか? –
関連する問題
- 1. ドラッグ・アンド・ドロップ・テーブルの行
- 2. HTML 5ドラッグ&ドロップとJavaScriptを使用
- 3. Jqueryを使用してドラッグ&ドロップを実行する方法は?
- 4. javaScriptを使用してドラッグ&ドロップの画像/ファイルアップロードを行う方法
- 5. JavaScriptドラッグ・ドロップ・ドキュメント/ファイル
- 6. JavaScriptを使用したドラッグ・アンド・ドロップのエミュレート
- 7. javascriptを使用したブラウザのコントロールのドラッグ&ドロップ
- 8. jQuery-uiを使用したドラッグ&ドロップ
- 9. FileListを使用したAngularJsのドラッグ&ドロップ
- 10. JavaScriptを使用してdataTransferオブジェクトを使用してli要素をドラッグ&ドロップする
- 11. C#を使用してテキストボックスにラベルテキストをドラッグ&ドロップする
- 12. 2つのデータリストを使用して画像をドラッグ&ドロップする
- 13. jqueryを使用して画像をドラッグ&ドロップする
- 14. RaphaelJSを使用してSVGをドラッグ&ドロップする
- 15. 2016年のJquery UIを使わずにJSテーブル行をドラッグ&ドロップする
- 16. Javascript - ドラッグ・アンド・ドロップでソースを残す
- 17. テーブルを変更せずにドラッグ&ドロップQTableWidget
- 18. jquery-uiを使用してドラッグ&ドロップが動作しない
- 19. Rxjsを使用してドラッグ&ドロップが動作しない
- 20. ドラッグ&ドロップ:ドロップは
- 21. Javascript Canvas - 矩形のドラッグ&ドロップを行います。
- 22. jsを使用したマルチレベルメニューの管理ドロップをドラッグする
- 23. バッチファイルに別のディレクトリからのドラッグ&ドロップを使用して
- 24. データベースから取得した後、Jquery&Javascriptを使用してドラッグ&ドロップしてイメージのサイズを変更します。
- 25. 私は角のドラッグを使用して、モジュールをドロップしているイベントのコールバック
- 26. jQueryのドラッグと私はドラッグを作成し、jQueryのドラッグ&ドロップでアプリケーションをドロップしています応答
- 27. ドラッグ&ドロップ - アイテムがドロップされた場所をテーブル形式で保存します
- 28. フォルダをドラッグ&ドロップする
- 29. RESTfulサービスをドラッグ&ドロップする
- 30. アップロードプラグインをドラッグ&ドロップする
私はそれを見ましたが残念ながら、私の要件の1つであるテーブルから別のテーブルへのドラッグアンドドロップをサポートしていません。 – Nate32
isocraの実装に関するコメントが1つあります。単純なドラッグアンドドロップ要素のみをサポートしています。行に画像全体が含まれていると、その画像は機能しません。 – Syd