2011-10-26 8 views
1

私はRuby on Rails 3.1.1とjQueryUI 1.8.14を使用しています。 jQueryUI sortable listを実装し、関連するアイテムの位置の変更をアプリケーションデータベースに保存したいと思います。 \ makeを実装するには私はAJAX HTTPリクエストをに変更するたびにを実行するつもりです(当然のことながら、その情報を\有効かつ簡単にできるように適切な情報を含めて)を実行する予定です。AJAX HTTPリクエストを実行するjQueryUIソート可能なリストを実装する方法は?

アイテム注文が変更されたときにAJAX HTTPリクエストを実行するにはどうすればよいですか?どのデータをAJAX HTTPリクエストを介して送信することを検討するためにアドバイスしますか?

答えて

1

私、最近使用jqueryUIソート可能jquery ui sortable doc

私は 'ORDER_BY' INTフィールドと呼ばれるDBフィールドを使用します。

あなたが必要とするのは、必要な要素リストにjqueryUI sortable()を適用してから、シリアライズされた新しい注文(シリアル化またはtoArray {option}を使ってuiオプションを確認)をajax経由でコントローラに渡すだけですページ。

新しい注文をdbに保存して完成しました。私の場合、それぞれの 'order_by'フィールドは新しい注文を保存するたびに更新されます。

ユーザーの変更オーダーと私はグローバルVARに新しい秩序を設定します。私が使用

編集

$("#test-list").sortable({ 
        cursor: 'move', 
        placeholder:'sortbale-highlight-holder', 
        tolerance:'pointer', 
        update: function() { 
        new_order = $(this).sortable("serialize"); 
        somenthing_was_ordered = 1; 
       } 
     }); 

論理があります。 私は送信入力を使用してajaxリクエストを送信し、新しい注文を保存します。 更新中

:機能(){ }あなたはAJAX呼び出しにいつでも新しい秩序を返すことができます原因あなたは、いつでも要求を起動することができますが、私は、サーバー要求のためにいくつかのメモリを節約することが好ましい:)

+0

私はアイテムの順序が変更されたときにAJAX HTTPリクエストをトリガする方法に主に関心があります。 *どうすれば\ code \ handleを作ることができますか?* – user502052

+0

http://jquery.itサイトとは何ですか?それはjQueryUI.comの恥知らずな唇のようだ。それはイタリアのローカライズされたバージョンのようなものではありません。 Dodgy ... – GregL

+0

@GregL ops私はグーグルを創設しました:/編集その.. – sbaaaang

関連する問題