ここでは、チェックボックスを使用して 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のような私の行の順序です。同じテーブル内の行を移動(ドラッグアンドドロップを意味します)したいです