Использую плагин sortable на таблице для сохранения порядка строк и последующем обновлении (№позиции и группа) этой строки в БД. Сама таблица содержет группы. Проблема в том, когда строка перетаскивается не понимаю как получить ID группы от куда и куда его перенесли.
Таблица:
<table id="sort" class="table table-hover">
<thead>
<tr>
<th>
WID
</th>
<th>
AID
</th>
<th>
#
</th>
<th>
№ Вагона
</th>
</tr>
</thead>
<tbody>
@foreach (var group in Model.OrderBy(a => a.sprAreas.AreaName).GroupBy(x => x.sprAreas.AreaName))
{
<tr class="table-info " id="@group.Key">
<td colspan="6">
<span class="h3 sortDisable">@group.Key</span>
</td>
</tr>
foreach (var item in group)
{
<tr>
<td class="index" id="@item.LUWID">
@Html.DisplayFor(modelItem => item.LUWID)
</td>
<td class="index2" id="@item.AreaID">
@Html.DisplayFor(modelItem => item.AreaID)
</td>
<td class="train">
@Html.DisplayFor(modelItem => item.TrainNumber)
</td>
<td>
@Html.DisplayFor(modelItem => item.sprWaggons.WaggonNumber)
</td>
</tr>
}
}
</tbody>
</table>
JS:
updateIndex = function (e, ui) {
$(' .train', ui.item.parent()).each(function (i) {
$(this).html(i + 1);
});
}
$("tbody").sortable({
helper: "clone",
stop: updateIndex,
cancel: ".sortDisable",
scroll: true,
scrollSensitivity: 100,
scrollSpeed: 10,
tolerance: 'pointer',
items: "> tr",
update: function (event, ui) {
var new_position = ui.item.index();
//console.log(new_position)
if (new_position == 0) {
$("#sort tbody").sortable("cancel")
}
}
}).disableSelection();
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Виртуальный выделенный сервер (VDS) становится отличным выбором
Есть проблема в очистке формы после выбора элемента в typeaheadjs
Есть 2 компонента1йы компонент это слайдер,который занимает центр экрана
Юзаю слик слайдер в реакте который мапит массив(rooms=[{title,id,img}]) и показывает фотки и рероутит при клике в зависимости от ид элемента массива