1

メモのリストにjQueryのドラッグ/ドロップ可能を実装して階層的に並べ替えましたが、現時点ではうまく機能していますが、やりすぎているように感じます。

部分全体csrfがリクエストとともに手動で送信され、ujs が提供する機能であるレスポンスも手動で評価しています。ujs lib の利点を利用できるように、これをシームレスに統合する方法はありますか?

私が考えた可能な解決策は、ドラッグ可能な全体をラップすること<form data-remote="true">ですが、それは少しハックな気がします。

$(function()
{   
    $('#notes-container .note').draggable();

    $('#notes-container .note').droppable({
        drop: function(event, ui)
        {
            $.ajax({
                type: 'PUT',
                url: ui.draggable.find('form').attr('action'),
                data: { 
                    authenticity_token: $('meta[name="csrf-token"]').attr('content'),

                    task: { 
                        parent_id: $(this).data('id') 
                    } 
                }
            });
        }
    });

});
4

1 に答える 1

0

必要なフォーム全体を要素に追加し、draggable/droppableコールバックにフォームに必要な値を入力させ、 によって.submit()処理される を起動することで解決しましたjquery-rails。

于 2012-10-03T07:45:50.523 に答える