2

ここでは、チェックボックスを使用して 1 つのテーブルを生成しています。

<table id="sortable">
    <tr class="myDragClass"><td><input type="checkbox" />row 1</td><td>text text text</td></tr>
    <tr class="myDragClass"><td><input type="checkbox" />row 2</td><td>text text text</td></tr>
    <tr class="myDragClass"><td><input type="checkbox" />row 3</td><td>text text text</td></tr>
    <tr class="myDragClass"><td><input type="checkbox" />row 4</td><td>text text text</td></tr>
    <tr class="myDragClass"><td><input type="checkbox" />row 5</td><td>text text text</td></tr>    
</table>

これは私のJavaスクリプトコードです:

  $(function () {
    $('#sortable tr').draggable({
        helper: function () {
            var selected = $('#sortableinput:checked').parents('tr');
            if (selected.length === 0) {
                selected = $(this);
            }
            var container = $('<div/>').attr('id', 'sortable');
            container.append(selected.clone());
            return container;
        }
    });

    $('#sortable').droppable({

        tolerance: 'pointer',
        drop: function (event, ui) {
            debugger;
            // $(this).append(ui.helper.children());
            var _GetVal = ui.helper.children();
            alert(ui.helper.children());
        }
    });

});

ここで選択と移動は完了しましたが、移動中は移動したレコードを最後の位置に追加しています。しかし、私は特定の位置を移動したい `

ここでは、チェックボックスを使用して複数の行を選択していますが、一度に複数の行を移動したいと考えています。(2&3) のように持続します。これは1,4,5,2,3のような私の行の順序です。同じテーブル内の行を移動(ドラッグアンドドロップを意味します)したいです

4

2 に答える 2

0

各行にidを指定し、次のようなことを試してください。ループ構造を使用して2&3を入力できます

$("#sortable#" + id).appendTo("#sortable");
于 2013-04-29T11:28:37.480 に答える