JQuery sortable на таблице

122
23 января 2020, 11:20

Использую плагин 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();
READ ALSO
Не могу очистить input после выбора в typeahead.js

Не могу очистить input после выбора в typeahead.js

Есть проблема в очистке формы после выбора элемента в typeaheadjs

143
связь между компонентами одного уровня react

связь между компонентами одного уровня react

Есть 2 компонента1йы компонент это слайдер,который занимает центр экрана

128
Как добавить неактивное фото к slick slider react

Как добавить неактивное фото к slick slider react

Юзаю слик слайдер в реакте который мапит массив(rooms=[{title,id,img}]) и показывает фотки и рероутит при клике в зависимости от ид элемента массива

155