ドラッグアンドドロップしてMySQLに挿入

Question

これは私の最初の質問です。私は以下のソート可能なリストに「私を下にドラッグ」ボックスをドラッグすると、私はそれがPHPを使用して、私のMySQLのテーブルに行を追加したい、

http://jqueryui.com/demos/draggable/#sortable

しかし：かいつまんで、私はこれをしたいです。

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

しかし、私は、ユーザーがjqueryuiデモのように並べ替えることができるようにしたい：私は、私はこのように何をしたいの一部を達成することができました。

jqueryuiデモでは、上の例で「drag me down」と表示されていますが、選択肢のリストがあります。このリストは、MySQLテーブルへのクエリの結果になります。アイテム1,2,3がjqueryuiの例の場合、ユーザが希望のリストアイテムをアイテム1/2/3エリアにドラッグするまでは空白になります。これはソート可能でなければなりません（つまり、リストアイテムをリストを作成し、希望の順序を作成します）。

新しいリストアイテムをアイテム1/2/3エリアにドラッグすると、データベースに挿入するにはどうすればよいですか。私はソートを達成する方法を知っています。しかし、私はどのようにそれらを並べ替えることができるように実際にリストに項目を追加するか分かりません。そして、Googleの検索で何も役に立たない。

誰かが正しい方向に向けるのを助けることができますか？

Answer 1

小文字で始まり、ユーザーが希望のリストアイテムをアイテムにドラッグしたときに、alert()またはconsole.log()をオフに設定するにはjavascript/jqueryが必要です。次に、alert()またはconsole.log()をajaxリクエストに置き換えます。

Answer 2

私はあなたがここで何を求めているのかよく分かりません。

しかし、私はあなたが達成している場合は、実際に私は、あなたが探している期待して、その後のjQuery UIのデモにあるものそれらに

を並べ替えることができるように、リストに項目を追加する方法が分かりませんユーザーの変更をシリアル化し、サーバーに変更を送信してデータベースを更新する方法を説明します。

この場合、Ajaxリクエストとして送信するためにリストIDをシリアル化するソート可能なメソッドserializeを見るとよいでしょう。

.sortable("serialize" , [options]) 

ユーザーが並べ替えを変更したときにフックできるchangeイベントもあります。

$(".selector").bind("sortchange", function(event, ui) { 
    ... 
});