1

jQuery uiのソート可能を使用しています。オブジェクトのリストがデータベースから取得され、動的にリストに入れられます。ユーザーがリスト オブジェクトをドラッグ アンド ドロップすると、リストの新しい順序が保存されます。

以下は、新しいリスト順序の配列の作成を含む、sortable の jQuery コードです。ただし、次のステップは、php コードでこの配列を使用できるようにすることです。

問題は、ユーザーは、リスト オブジェクトの並べ替えとは別に、いくつかのコメントを追加し、他の操作を行ってから、すべてを送信できる必要があるということです。つまり、これにはフォームを使用しています。そのため、何らかの方法でリストの順序で配列をフォームに入れることができなければなりません。ここで助けが必要です。

どのような方法を使用すればよいですか? アヤックス？ローカルストレージ？これはどのように達成できますか？

    $('#listElements').sortable({

        update: function(event, ui) {
            var order = []; 
            $('.listObject li').each( function(e) {
                order.push($(this).attr('id'));
            });
        }
    });
4

1 に答える 1

2

AJAX を使用して、次のように注文配列を PHP に送信する必要があります。

$('#listElements').sortable({
    update: function (event, ui) {
        var order = [];
        $('.listObject li').each(function (e) {
            order.push($(this).attr('id'));
        });
        $.ajax({
            url: "/save_order_to_db",
            type: "post",
            data: {
                order_data: order
            }
        }).success(function (data) {
            console.log(data);
        });
    }
});
于 2012-10-22T21:15:20.593 に答える