jqueryuiを使用してグリッドでレコードを並べ替える

Question

グリッドを使用して、Webアプリケーションのドロップダウンリストで使用されるマスターテーブルレコードのリストを表示します。項目をドロップダウンで表示するときに使用するsortOrder列が維持されます。 jQueryUI sortable pluginを使用して、ユーザーがグリッドに表示されているレコードを並べ替えることができるようにします。

私はASP.Net MVC（v2.0）Webアプリケーションを持っています。新しい注文を取得してデータベースで更新する最良の方法は何でしょうか？

私は同じようなpost for phpが見つかりました。 ".sortable（ 'toArray'）"を使用して要素を取得しますが、グリッドがあります。グリッドをリストにシンプルにする必要がありますか？

Answer 1

私は編集可能なグリッドを持っているので、テキストボックスを持つ新しい列 "sortOrder"を追加し、ユーザーが行をドラッグするたびに "update"イベントを使用して "this.rowIndex"を設定します。

は、以下の機能がお役に立てば幸い -

$("#sortable tbody").sortable({ 
    helper: fixHelper, 
    cursor: 'move', 

    update: function(e, ui) { 
     $el = $(ui.item); 
     $el.effect('highlight', {}, 2000); 

     //Use for debug: alert($('#sortable tbody tr').length); 

     $('#sortable tbody tr').each(
       function(currentIndex) { 
        $(this).find('td:nth-child(3)').find('input:first').val(this.rowIndex); //td:first 
       }); 
    } 
}); 

私は私のテキストボックスを見つけて、その値を設定する場所です：

$（この）.find（ 'TD：n番目の子（3） '）.find（' input：first '）.val（this.rowIndex）;